Reference
Design system
Every ratio 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
#F2F1EE — Bone — page ground
--color-bg-alt
#E3E2DE — Banding
--color-text
#141414 — 16.31:1 on ground · AAA
--color-text-muted
#565459 — 6.62:1 on ground · AA
--color-accent
#5B2E8C — Violet · 8.40:1 on ground · AAA
--color-on-accent
#FFFFFF — 9.48:1 on violet · AAA
--color-on-ink
#FFFFFF — 18.42:1 on ink band · AAA
--color-on-ink-muted
#BFBDC2 — 9.89:1 on ink band · AAA
--color-accent-on-ink
#C4A2E8 — 8.49:1 on ink band · AAA
--m-pressure
#5B2E8C — Pressure wash · 8.40:1 on ground
--m-soft
#1F6B4F — Soft wash · 5.68:1 on ground
--m-never
#A32020 — Never pressure · 6.68:1 on ground
Method flags
Word first, colour second. “Never pressure wash” is spelled out rather than implied by a red border, because on three of the seven surfaces it is the single most important thing on the page.
Pressure wash Soft wash Never pressure wash
Type
Staatliches — display
Wix Madefor Text — body. Neither font appears in days 1–83.