Style guide

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

Typography

Heading 1

Heading 2

Heading 3

Heading 4

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

mist base

mist 50

Soft surfaces

mist 100

Subtle emphasis

mist 900

High contrast