Type system
Typography
The heading scale, body copy, and rich-text elements your pages are built from.
The heading scale
Heading 1 — page titles
Heading 2 — section titles
Heading 3 — subsections
Heading 4 — small headings
Body copy
Body text sets the tone for everything else. It should be comfortable to read at length, with generous line height and a measured line length. This paragraph runs long on purpose so you can judge rhythm and colour across multiple lines of running text.
Inline styles are supported too: bold for emphasis, italics for nuance, and links to other pages that stand out without shouting.
Good typography is invisible. Great typography is unmistakable — it carries the voice of the brand before a single word is read.
Unordered list
- Clear hierarchy from H1 down to body
- Comfortable measure and line height
- Consistent spacing between elements
Ordered list
- Set the heading scale
- Choose a readable body face
- Tune spacing and measure
- Ship it
Typefaces
Two roles, two faces
This template ships two managed typefaces. Upload your own in the Fonts collection to re-skin the site.
Display — Archivo
A confident grotesque sans, intended for headings and large display text.
Body & UI — Inter
A clean, highly legible sans for body copy, labels, and interface text.
Make it your own
Adjust the base font size and radius in the Theme global, and manage typefaces in the Fonts collection.