Style Guide

Cinzel Normal

Header 1

This is a heading

Desktop: 72 px | 4.5 rem

Mobile: 56px | 3.5 rem

Header 2

This is a heading

Desktop: 64 px | 4 rem

Mobile: 48 px | 3 rem

Header 3

This is a heading

Desktop: 48 px | 3 rem

Mobile: 40 px | 2.5 rem

Header 4

This is a heading

Desktop: 32 px | 2 rem

Header 5

This is a heading

Desktop: 24 px | 1.5 rem

Header 6

This is a Heading

Desktop: 16 px | 1 rem

Montserrat Extra Light

Paragraph

Font Size: 16 px | 1 rem

This is a Paragraph. Keep the most important text up front.Consequently, users don’t read UI text — they scan it. Help them scan the text by writing it in short, scannable blocks.

Paragraph Large

Font Size: 20 px | 1.25 rem

This is a Paragraph. Keep the most important text up front.Consequently, users don’t read UI text — they scan it. Help them scan the text by writing it in short, scannable blocks.

Montserrat Light

This is a Text Small

Font Size: 14 px | .875 rem

Line Height : 20 px | 1.25 rem

This is a Text

Font Size: 16 px | 1 rem

Line Height : 24 px | 1.5 rem

This is a Text Large

‍Font Size: px | 1 rm

Line Height : 28 px | 1.75 rem

This is a subheader

Font Size: 16 px | 1 rem