Styleguide for Infusion
Figma template by atwww
Typeface: TASA Orbiter Deck
Aa
Regular
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
170px
Line Height
90%
Letter Spacing
-0.05em
Weight
Regular
Heading H2

Hello

Size
130px
Line Height
100%
Letter Spacing
-0.05em
Weight
Regular
Heading H3

Hello

Size
100px
Line Height
100%
Letter Spacing
-0.05em
Weight
Regular
Heading H4

Hello

Size
90px
Line Height
100%
Letter Spacing
-0.05em
Weight
Regular
Heading H5
Hello
Size
60px
Line Height
100%
Letter Spacing
-0.05em
Weight
Regular
Heading H6
Hello
Size
40px
Line Height
112%
Letter Spacing
-0.02em
Weight
Regular
Typeface: TASA Orbiter Display
Aa
Regular
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
130%
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
20px
Line Height
130%
Weight
Bold
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
130%
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
130%
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
130%
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%
Weight
Regular
Colors
100
HEX
#FFFFFF
200
HEX
#F2F2F2
300
HEX
#FFC103
400
HEX
#685D49
500
HEX
#000000