Styleguide for Pioneer
Figma template by atwww
Typeface: Thunder
AA
BOLD LC
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
350px
Line Height
80%
Letter Spacing
0px
Weight
Bold
Heading H2

Hello

Size
150px
Line Height
80%
Letter Spacing
0px
Weight
Semi Bold
Heading H3

Hello

Size
90px
Line Height
80%
Letter Spacing
0px
Weight
Semi Bold
Heading H4

Hello

Size
64px
Line Height
80%
Letter Spacing
0px
Weight
Bold
Heading H5
Hello
Size
30px
Line Height
80%
Letter Spacing
0px
Weight
Bold
Typeface: Inter
Aa
Regular
|
Semi Bold
|
Bold
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 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
140%
Letter Spacing
0px
Weight
Bold
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
-0.1px
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
140%
Letter Spacing
0px
Weight
Semi Bold
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
-0.1px
Weight
Regular
Colors
100
HEX
#FFFFFF
200
HEX
#FFFFFF
300
HEX
#FFFFFF
400
HEX
#FFFFFF