H1 – Title Text 800

H2 – Title Text 800

H3 – Title text 700

H4 – Title text 700

H5 – Title text 700
H6 – Title Text 700

Larken Black 900 (utility class) – should look noticeably heavier than H1/H2


Proxima Nova Light 300 – “Introductory Text” weight

Proxima Nova Regular 400 – normal body copy

Proxima Nova Regular Italic 400i – italic body copy

Proxima Nova Medium 500 – medium emphasis

Proxima Nova Semibold 600 – semibold emphasis

Proxima Nova Bold 700 – strong emphasis

Proxima Nova ExtraBold 800 – very strong emphasis


Intro class example – Proxima Nova Light 300, slightly larger, tighter line-height.

This is a blockquote – Larken Bold 700, slightly larger, tighter spacing.


Proxima Nova Semibold (600) Proxima Nova Semibold (600)
Regular 400 body text inside table cell Optional Condensed (if uploaded)

Greysteel Typography Class Reference

Class Font Family Weight Style Intended Use
.larken-bold Larken 700 Normal Subheads, smaller headings (H3–H6)
.larken-extrabold Larken 800 Normal Page/section titles (H1/H2)
.larken-black Larken 900 Normal Rare emphasis (short words, hero call-outs)
.pn-light Proxima Nova 300 Normal Introductory text, lead-ins
.pn-regular Proxima Nova 400 Normal Default body copy
.pn-regular-italic Proxima Nova 400 Italic Body emphasis, citations
.pn-medium Proxima Nova 500 Normal Labels, subtle emphasis
.pn-semibold Proxima Nova 600 Normal Subheadings within content, table headers
.pn-bold Proxima Nova 700 Normal Strong emphasis, metadata
.pn-extrabold Proxima Nova 800 Normal Stronger section subheads, UI emphasis
.intro / .lede Proxima Nova 300 (400 fallback on mobile) Normal First paragraph after H1/H2, hero intros
.pn-condensed * Proxima Nova Condensed 600 Normal Financial/data tables (optional — only if uploaded Condensed family)