G

H1 — Hero / Page Title (Montserrat Bold, 42pt desktop / 27pt mobile)

• Desktop: 56px, 3.5rem
• Mobile: 36px, 2.25rem

 

H2 — Section Title (Montserrat Bold, 27pt desktop / 21pt mobile

• Desktop: 36px, 2.25rem
• Mobile: 28px, 1.75rem

 

H3 — Subsection / Feature Title (Montserrat Bold, 21pt desktop / 17pt mobile)

• Desktop: 28px, 1.75rem
• Mobile: 22.667px, 1.417rem

 

H4 — Small Headline / Card Title (Montserrat Bold, 16.5pt desktop / 13.5pt mobile)

• Desktop: 22px, 1.375rem
• Mobile: 18px, 1.125rem

 

H5 — Supporting Title / Label (Montserrat Bold, 13.5pt desktop / 12pt mobile)

• Desktop: 18px, 1.125rem
• Mobile: 16px, 1rem

 

H6 — METADATA / LABELS (MONTSERRAT SEMIBOLD / UPPERCASE, 12PT DESKTOP / 10.5PT MOBILE)

• Desktop: 16px, 1rem
• Mobile: 16px, 1rem

 

Paragraph / Body Text (Montserrat Regular, 12pt desktop / 12pt mobile)

• Desktop: 16px, 1rem
• Mobile: 16px, 1rem

 

Small Text / Captions (Montserrat Regular, 10.5pt desktop / 10.5pt mobile) *I may need to use custom CSS for <small> elements

• Desktop: 14px, .875rem
• Mobile: 14px, .875rem

 

Links (Montserrat Semi Bold, 12pt)

• Desktop: 16px, 1rem
• Mobile: 16px, 1rem

Link Example