Design Guide

Logos

Default

Main logo

Square / Favicon

Alt logo
Alt logo small

Fonts

Headings

Alata

Body

Vestibulum ullamcorper donec amet est sit tristique a.
Est sit consequat dolor aliquam lectus etiam.

Colors

Primary

dark-main
#101010
white-primary
#ffffff
gray-primary
#efefef

Secondary

dark-secondary
#404040
dark-background
#f7f7f7
gray-secondary
#f9f9f9

Buttons & Links

PRIMARY BUTTON SECONDARY BUTTON Tertiary button
PRIMARY BUTTON SECONDARY BUTTON Tertiary button

Typography

Headings

H1 → 56/64

Alata

H2 → 40/48

Alata

H3 → 32/40

Alata

H4 → 24/32

Alata

Paragraph → large → 20/28

Regular Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Medium Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Bold Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Paragraph → main → 16/24

Regular Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Medium Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Bold Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Paragraph → small → 14/22

Regular Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Medium Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Bold Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Paragraph → extra small → 12/20

Regular Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Medium Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.

Bold Lorem ipsum dolor sit amet consectetur. In sed vehicula purus pulvinar eu tellus donec tristique.