This is some text inside of a div block.
Style Guide The single source of truth for type, color, spacing, and components across the site. Fully responsive across desktop, tablet, and mobile.
This is some text inside of a div block.
Heading One Heading Two Heading Three Heading Four Heading Five Heading Six This is some text inside of a div block.
Lead text — used for intros and standout copy beneath a heading.
Body text — the default paragraph style for articles, descriptions, and general content. Set in Instrument Sans at 1rem with relaxed line height for long-form reading.
Small text — used for secondary details, form hints, and metadata.
This is some text inside of a div block.
This is a text link → This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.
Dashed border = 32px padding token, inner box = content area.
This is some text inside of a div block.
This is some text inside of a div block.