Styleguide for Monarch
Figma template by Atwww.

Typeface: Merchant

Aa

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

Headings

Title H1

Hello

Size
150px
Line Height
100%
Letter Spacing
-3%
Weight
Light
Title H2

Hello

Size
130px
Line Height
100%
Letter Spacing
-3%
Weight
Book
Title H3

Hello

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

Hello

Size
80px
Line Height
100%
Letter Spacing
-3%
Weight
Regular
Title H5

Hello

Size
65px
Line Height
100%
Letter Spacing
-2%
Weight
Light
Title H6

Hello

Size
50px
Line Height
100%
Letter Spacing
-2%
Weight
Book

Typeface: Manrope

Aa

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.

Size
25px
Line Height
130%
Weight
Medium
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
130%
Weight
Medium
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
130%
Weight
Medium
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
130%
Weight
Medium
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
130%
Weight
Medium
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
130%
Weight
Medium

Colors

HEX
#F7F0EC
HEX
#C09B5E
HEX
#71836B
HEX
#664F35
HEX
#2C3A29
HEX
#191D23