Design system

Style guide

A living reference for the typography, spacing, and UI patterns used across this site.

Typography

Headings & body

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Body copy uses a warm, readable sans serif for long-form writing and interface text.

Small details matter. These are the everyday notes that make a design feel considered rather than generic.

This smaller supporting text is useful for metadata, captions, and secondary notes.

  • Unordered list item
  • Another list item
  • And a third one
  1. Ordered list item
  2. Another ordered item
  3. And a third one
“A quote can be a useful anchor for highlighting a principle or perspective.”

Pills & surfaces

Product designCase studyEditorial

Surface

A simple card for supporting content and notes.

Elevated surface

A slightly stronger card for featured content.

Color & texture

White

Neutral base

Neutral 50

Soft surfaces

Neutral 100

Subtle emphasis

Neutral 900

High contrast