Typography

Type carries the brand’s voice. A characterful display face for headings and moments of personality, a calm humanist sans for everything you actually read. The specimens and scale below are rendered live from the tokens.

Using type

Lead with the display face for headings and the occasional oversized phrase — it’s where the brand’s warmth shows. Keep body copy in the body face at a comfortable reading size, and resist setting long passages in the display face.

The scale is a system, not a buffet: pick the step that fits the hierarchy rather than nudging arbitrary pixel values. Consistent steps are what make a set of pages feel like one brand.