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
#FBF9F4 — Warm paper — page ground
--color-bg-alt
#F0ECE1 — Banding
--color-text
#1F2418 — 15.08:1 on ground · AAA
--color-text-muted
#575F4E — 6.33:1 on ground · AA
--color-accent
#0B6E4F — Pine · 5.94:1 on ground · AA
--color-on-accent
#FFFFFF — 6.25:1 on pine · AA
--color-act
#8A3B12 — Treat now · 7.35:1 on ground · AAA
--color-watch
#7A5A0E — Monitor · 6.05:1 on ground · AA
--color-none
#0B6E4F — Leave it · 5.94:1 on ground · AA
--color-on-ink
#FFFFFF — 15.86:1 on ink band · AAA
--color-on-ink-muted
#C9CFC0 — 9.95:1 on ink band · AAA
--color-accent-on-ink
#7FD3B0 — 8.95:1 on ink band · AAA
Threshold flags
Word first, colour second. Each flag reads correctly aloud and without colour, because the whole point of the field guide is that some entries say “do nothing”.
Treat now Monitor Leave it
Type
Alegreya — display
Assistant — body. Neither font appears in days 1–79.