Styleguide for Zenit
Figma template by atwww
Typeface: Nohemi
Aa
Light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
Typeface: Satoshi
Aa
Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
Heading
Heading H1

Hello

Size
210px
Line Height
100%
Letter Spacing
-4px
Weight
Light
Heading H2

Hello

Size
140px
Line Height
110%
Letter Spacing
-2px
Weight
Light
Heading H3

Hello

Size
100px
Line Height
120%
Letter Spacing
-2px
Weight
Light
Heading H4

Hello

Size
55px
Line Height
100%
Letter Spacing
-1px
Weight
Medium
Heading H5
Hello
Size
50px
Line Height
100%
Letter Spacing
0px
Weight
Medium
Heading H6
Hello
Size
45px
Line Height
100%
Letter Spacing
0px
Weight
Medium
Typeface: Satoshi
Aa
Medium
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1234567890
Paragraphs
Paragraph 25px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
25px
Line Height
150%
Letter Spacing
-1px
Weight
Regular
Paragraph 20px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
20px
Line Height
150%
Letter Spacing
-0.5px
Weight
Regular
Paragraph 18px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
18px
Line Height
150%
Letter Spacing
-0.3px
Weight
Regular
Paragraph 16px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
16px
Line Height
150%
Letter Spacing
0px
Weight
Regular
Paragraph 14px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
14px
Line Height
150%
Letter Spacing
0px
Weight
Regular
Paragraph 12px

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere..

Size
12px
Line Height
150%
Letter Spacing
0px
Weight
Regular
Colors
100
HEX
#FFFFFF
200
HEX
#FFFFFF
300
HEX
#FFFFFF
400
HEX
#FFFFFF
500
HEX
#FFFFFF