Reference
Design system
Every ratio was computed with tools/a11y/contrast.py against all three grounds.
This page is noindex: it documents the template for whoever builds with it.
The site has no colour of its own
A true-neutral near-black, an off-white and a putty that is barely a colour. Every saturated value on this template belongs to the client identity being audited and appears only inside a specimen block or a drawn figure. A brand designer’s portfolio competing with the work inside it is a common failure and a slightly embarrassing one.
Two signals, not three
Keep, Rewrite and Drop carry no hue at all — the word, and a glyph through
data-glyph. Every other template in this library adds colour as a third
signal; this one cannot, because colour is reserved, so it gets by on two. Drop is set in
a struck-through rule rather than in red, which is a stricter position and the one the
page argues for.
One palette value deliberately fails
The client’s Flag orange sits at 3.73:1 on their Ink, which fails AA. That is not an oversight in the template — it is rule 7 of the identity, it is stated as a number rather than as advice, and Flag never carries a single character of text anywhere on this site. A test asserts it.
There is no logo file
The mark is set in type and CSS on the specimen page and inside two SVG figures. Nothing
in this template is an image of a logo, which is why the CreativeWork emits
no image property: pointing it at the social card would assert a file that
does not exist.
Two navigations, not three
The footer navigation is gone. Every other template here has a third
<nav> repeating the same four links, which is a thing that gets added
because it is conventional rather than because anybody needs it.
Type
Noto Sans Display — display
Sarabun — 401 of 412 · 22 mm · 3.73:1
Body is the system stack. Deliberately unremarkable faces: the page documents somebody else’s typography and has no business having opinions of its own on the same screen. Neither appears in days 1–122.
Tokens
| Swatch | Token | Value | Measured |
|---|---|---|---|
--color-bg | #111112 | True neutral near-black — no cast at all | |
--color-bg-alt | #191919 | Banding | |
--color-surface | #212121 | Rule cards | |
--color-text | #F2F0EC | 16.58 / 15.45 / 14.15:1 · AAA | |
--color-text-muted | #A29E96 | 7.07 / 6.59 / 6.03:1 · AAA | |
--color-border | #726E67 | 3.72 / 3.47 / 3.18 — non-text only | |
--color-accent | #C9C3B6 | Putty — 10.75 / 10.02 / 9.17:1 · AAA | |
--color-band | #F2F0EC | The band inverts: light on a neutral black | |
--color-on-band | #111112 | 16.58:1 on band · AAA | |
--color-on-band-muted | #5B584F | 6.25:1 on band · AA | |
--kestrel-ink | #12303A | CLIENT — the only colour type is set in. 10.69:1 on Sand | |
--kestrel-sand | #E8E1D3 | CLIENT — the ground. 10.69:1 both ways against Ink | |
--kestrel-flag | #E4552B | CLIENT — fill only. 3.73:1 on Ink, which is rule 7 |
The border token clears 3:1 against all three grounds, which is what WCAG 1.4.11 asks of a non-text boundary. It is never used for text.