Foundations

Spacing & Layout

A 4px base scale gives every layout a calm, consistent rhythm. Generous space is a brand value — aim for 40%+ quiet space.

Spacing scale

space.1 · 0.25rem

space.2 · 0.5rem

space.3 · 0.75rem

space.4 · 1rem

space.5 · 1.25rem

space.6 · 1.5rem

space.8 · 2rem

space.10 · 2.5rem

space.12 · 3rem

space.16 · 4rem

space.20 · 5rem

space.24 · 6rem

space.32 · 8rem

Radius

radius.sm

radius.md

radius.lg

radius.xl

radius.full

Elevation

elevation.1

elevation.2

elevation.3

elevation.4