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
#FAFAFA — Page ground
--color-bg-alt
#EAEAEA — Banding
--color-text
#131313 — 17.80:1 on ground · AAA
--color-text-muted
#5A5A5A — 6.61:1 on ground · AA
--color-band
#131313 — Inverted band
--color-on-band
#FFFFFF — 18.58:1 on band · AAA
--color-on-band-muted
#B4B4B4 — 8.96:1 on band · AAA
--color-accent
#131313 — There is no accent hue — ink IS the accent
--color-required
#131313 — Even the required mark is achromatic
Achromatic, on purpose
Every --color-accent across the 85 templates shipped before this was checked
programmatically for chroma. Not one is achromatic; this is the first. The page argues that
customers get misled by reassuring language and confident presentation, so it does not lean on
colour to persuade. Emphasis is type weight, rule weight and scale — and verdicts carry a word.
Ask for this Fine Read it twice
Type
Frank Ruhl Libre — display serif
Literata — body serif. Two serifs on purpose: this reads as a document, not marketing. Neither appears in days 1–85.