Styleguide for Crest
Figma template by Atwww.

1.0 Typeface

Aa

Heading Font — 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

Aa

Paragraph Font — 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

2.0 Headings

Title H1

Hello

Size
190px
Line Height
120%
Letter Spacing
-6px
Weight
Light
Title H2

Hello

Size
140px
Line Height
120%
Letter Spacing
-6px
Weight
Light
Title H3

Hello

Size
100px
Line Height
105%
Letter Spacing
-4px
Weight
Light
Title H4

Hello Atwww

Size
80px
Line Height
120%
Letter Spacing
-4px
Weight
Light
Title H5
Hello Atwww
Size
70px
Line Height
110%
Letter Spacing
-1px
Weight
Light
Title H6
Hello Atwww
Size
60px
Line Height
120%
Letter Spacing
-1px
Weight
Light

3.0 Paragraphs

Paragraph 30PX

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.

Size
30px
Line Height
140%
Weight
Regular
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.

Size
25px
Line Height
140%
Weight
Regular
Paragraph 23PX

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.

Size
23px
Line Height
140%
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.

Size
20px
Line Height
140%
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.

Size
18px
Line Height
140%
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.

Size
16px
Line Height
140%
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.

Size
14px
Line Height
140%
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.

Size
12px
Line Height
140%
Weight
Regular

4.0 Colors

White
HEX
#FFFFFF
Chocolate
HEX
#FF6E00
Dark
HEX
#121628
Black
HEX
#05060b