Underfoot

Reference

Design system

Every ratio below was computed with tools/a11y/contrast.py, not eyeballed. This page is noindex: it documents the template for whoever builds with it.

Colour tokens

--color-bg

#F6F4F1 — Limestone — page ground

--color-bg-alt

#EAE6E1 — Screed tint — banding

--color-surface

#FFFFFF — Cards

--color-text

#1E2422 — 14.38:1 on ground · AAA

--color-text-muted

#5A5450 — 6.79:1 on ground · AA

--color-accent

#0E5A66 — 7.16:1 on ground · AAA — usable as text

--color-accent-hover

#0A454E — White on it 10.64:1 · AAA

--color-on-accent

#FFFFFF — 7.86:1 on accent · AAA

--color-on-ink

#FFFFFF — 15.78:1 on ink band · AAA

--color-on-ink-muted

#C9D2D0 — 10.23:1 on ink band · AAA

--color-accent-on-ink

#5FBFCC — 7.37:1 on ink band · AAA

--color-required

#7A2E2E — 8.47:1 on ground · AAA

--color-oak

#B07B4F — 3.30:1 — SWATCH FILL ONLY, never text

Type

Zilla Slab — display

Schibsted Grotesk — body. Neither font appears in days 1–76.

Buttons

Primary Secondary