fbpx
quotescamera408D8217-1508-42F1-8C7C-9B81D4D48B57BF2C6754-57F9-416E-81DD-671EE8AD8D71DD13BF45-FD0E-4F5E-BCB8-EE0968EEB4D2DD13BF45-FD0E-4F5E-BCB8-EE0968EEB4D292333EC4-7DF2-4B9F-A7BF-114B75EE0347chevron_thin_rightchevron-downchevron-firstchevron-lastchevron-leftchevron-nextchevron-prevchevron-right582A3CB2-04DA-4E39-837D-58C0907011FD582A3CB2-04DA-4E39-837D-58C0907011FDchevron-upA659D4DE-32ED-45A3-A6C5-A48FFE2B488D75140C12-4E5F-4759-9FD3-4300BCD98B0CB69DB86E-0DDE-4383-BD92-653067C2563303A7445C-E555-4556-9278-5815BF71C9AF16DD793C-5D61-45BF-AFAF-6DE315DB19D01A6A983E-3DA3-4A07-ACA8-60B780BA8F5Bsearch-bigD9E58768-0281-47D1-8191-45C7CE673AF893DB4080-7C8D-467D-8E27-6ECB71C8D144C6DE3A5E-B153-4D9B-9D7B-F226C80BCB9A1D118CCB-65D4-4236-8317-A87D534DDCA8001646AA-7655-4585-ADCC-738ED6F09280

Grid system

Colors

Primary color

#141516
Brand black
#69BC28
Brand green

Secondary color

#6F7070
Dark grey
#969698
Grey
#E4E4E4
Light grey

Typography

Font family

Roboto Regular
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
123456789/-@£€$
Roboto Medium
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
123456789/-@£€$
Roboto Semi Bold
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
123456789/-@£€$
Roboto Bold
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
123456789/-@£€$
Roboto Black
ABCDEFGHIJKLMNOPQRSTUVXYZ
abcdefghijklmnopqrstuvxyz
123456789/-@£€$

Headings

Heading 1

Font family: Roboto Black
Size & line-height: 42px / 50px

Heading 1  Mobile

Font family: Roboto Black
Size & line-height: 26px / 32px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 2

Font family: Roboto Black
Size & line-height: 28px / 36px

Heading 2  Mobile

Font family: Roboto Black
Size & line-height: 20px / 26px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 3

Font family: Roboto Black
Size & line-height: 22px / 26px

Heading 3  Mobile

Font family: Roboto Black
Size & line-height: 20px / 24px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 4

Font family: Roboto Black
Size & line-height: 20px / 24px

Heading 4  Mobile

Font family: Roboto Black
Size & line-height: 18px / 21px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 5

Font family: Roboto Black
Size & line-height: 16px / 22px

Heading 5  Mobile

Font family: Roboto Black
Size & line-height: 14px / 20px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Heading 6

Font family: Roboto Bold
Size & line-height: 14px / 16px

Heading 6  Mobile

Font family: Roboto Bold
Size & line-height: 12px / 14px
Lorem ipsum dolor sit amet, consectetur adipiscing elit

Paragraphs

Paragraph 1

Font family: Roboto regular
Size & line-height: 17px/26px

Paragraph 1 Mobile

Font family: Roboto regular
Size & line-height: 15px/24px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci magnam mollitia numquam odio optio, repellat sequi tempora temporibus? Aliquid assumenda harum iusto molestiae natus, neque nesciunt porro quos repellendus reprehenderit.

Paragraph 2

Font family: Roboto Regular
Size & line-height: 16px/22px

Paragraph 2 Mobile

Font family: Roboto Regular
Size & line-height: 14px/20px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci magnam mollitia numquam odio optio, repellat sequi tempora temporibus? Aliquid assumenda harum iusto molestiae natus, neque nesciunt porro quos repellendus reprehenderit.

Paragraph 3

Font family: Roboto Regular
Size & line-height: 14px/16px

Paragraph 3 Mobile

Font family: Roboto Regular
Size & line-height: 12px/14px
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci magnam mollitia numquam odio optio, repellat sequi tempora temporibus? Aliquid assumenda harum iusto molestiae natus, neque nesciunt porro quos repellendus reprehenderit.

Buttons

Big

Primary button

Button with icon

Default

Inactive

Hover / active

Medium

Primary button

Button with icon

Default

Inactive

Hover / active

Small

Primary button

Secondary button

Default

Inactive

Hover / active

Special

Contant button

Small button on black

Default

Hover / active

Navigations

Pagination - Desktop

Pagination - Mobile

Form elements

Checkbox

Desktop

Mobile

Radion Button

Desktop

Mobile

Input fields

Desktop

Mobile

Default

Active

Disabled

Error

Dropdown