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
#F4EFE2 — Manila — page ground
--color-bg-alt
#E7DFCB — Banding
--color-surface
#FBF8F1 — Findings and cards
--color-text
#1A1712 — 15.56:1 on ground · AAA
--color-text-muted
#57503F — 6.97:1 on ground · AA
--color-accent
#A32E2E — Stamp red · 6.12:1 on ground · AA
--color-on-accent
#FFFFFF — 7.03:1 on stamp · AAA
--color-on-ink
#FFFFFF — 17.87:1 on ink band · AAA
--color-on-ink-muted
#C9C2B0 — 10.06:1 on ink band · AAA
--color-accent-on-ink
#E8A0A0 — 8.48:1 on ink band · AAA
--rate-low
#3F6B4A — Low risk · 5.80:1 on surface
--rate-moderate
#6B5510 — Moderate · 6.75:1 on surface
--rate-high
#A34413 — High · 5.83:1 on surface
--rate-extreme
#A32E2E — Extreme · 6.63:1 on surface
Risk ratings
Word first, colour second. Every rating prints its own name, so the findings table survives greyscale and reads correctly aloud — which matters more here than anywhere, because the rating is the whole recommendation.
Type
Gelasio — serif
DM Mono — field labels, doing real work rather than looking technical. Neither font appears in days 1–81.