Brand board

The system, parsed from the stylesheet

Every colour and every ratio on this page is read out of app/globals.css at build time and computed here, so the board cannot describe a system that does not exist. The specimen sentences are written; the figures inside them are not. It used to say “not one value on this page was typed here”, which was an absolute the page itself refuted — the mono specimen was displaying an invented mutation count, formatted to look exactly like the real ones.

A compositor's type case, its compartments holding sorted pieces of metal letterpress type.
Hannes Wolf / Unsplash
The mark

A dimension line, and one that stops short

64px
40px
22px
16px
Marcos MatthewsBuild Ledger

The upper rule is a measured span, closed with a tick at both ends. The lower rule starts from the same datum and stops short, with no closing tick — a span that was not measured, drawn at its real length rather than quietly extended to match.

It is deliberately not dashed or greyed out. A dash reads as “pending”; the point is that it is not pending. It is a real boundary, honestly ended. Two strokes and three ticks survive 16px, which is where most marks die.

Type

Three faces, each with a reason

Newsreaderdisplay

A transitional serif with real optical sizing, drawn for screen reading rather than for headlines alone. Chosen over the sibling's Instrument Serif deliberately: this site has to hold long argumentative passages at display size, and a high-contrast display face gets thin and brittle when a heading runs three lines.

Atkinson Hyperlegiblebody

The Braille Institute's legibility typeface. Characters that normally collapse into one another — I l 1, O 0, b d — are drawn apart on purpose. The flagship business documented on this site sells WCAG conformance records; setting its portfolio in the face designed for low-vision readers is the cheapest available way to not be a hypocrite.

JetBrains Monomono

Every figure on this site is meant to be re-derived by the reader, which means every figure is meant to be compared. Tabular numerals and a tall x-height make a column of counts checkable at a glance. Ligatures are switched off — an arrow that is really two characters should look like two characters.

Software that reports what it did not check
d1 — page thesis, one per page. Newsreader.
7 stations, 20 gates
d2 — section heading. Newsreader.
Two businesses, built end to end, with the defects written down.
lede — the sentence under a thesis
A verification step whose absence is indistinguishable from its success.
body — 17px / 1.6 / 66ch. Atkinson Hyperlegible.
mutants 243 · killed 17 · survivors 226
mono — figures, keys, anything a reader may compare character by character. JetBrains Mono.
The defect log
eyebrow — a column header, so it is monospaced and it aligns
Palette

19 colour tokens, read from the stylesheet

--paper
#F0EFE9
--paper-2
#E7E6DE
--card
#FAF9F5
--ink
#14171A
--ink-2
#40464B
--ink-3
#5F666C
--ink-dim
#9AA0A6
--rule
#D3D2C8
--rule-2
#E1E0D7
--signal
#16514A
--defect
#A8341F
--pass
#1F5E3C
--pass-bg
#E4EDE6
--fail
#A8341F
--fail-bg
#F6E7E3
--unmeasured
#7A5B12
--unmeasured-bg
#F3EBD8
--quote-bg
#E7E6DE
--quote-ink
#22262A
Contrast

15 ink-and-ground pairs, every ratio computed

Pairs are listed because they are used. A board showing every possible combination tests nothing and hides the ones that matter. A pair whose ratio cannot be computed counts as a failure, not a skip — that rule is the only reason the broken parser on Wryko Records' own brand board was ever noticed.

all 15 pairs clear WCAG AA
Every ink and ground pair the site uses, with its computed contrast ratio
UseInkGroundRatioNeedsVerdict
body copy--ink #14171A--paper #F0EFE915.624.5AA
body copy on tinted bands--ink #14171A--paper-2 #E7E6DE14.374.5AA
copy inside plates--ink #14171A--card #FAF9F517.084.5AA
secondary prose--ink-2 #40464B--paper #F0EFE98.304.5AA
secondary prose in plates--ink-2 #40464B--card #FAF9F59.084.5AA
ledger indices, captions, metadata--ink-3 #5F666C--paper #F0EFE95.064.5AA
captions on tinted bands--ink-3 #5F666C--paper-2 #E7E6DE4.654.5AA
eyebrows, links, the accent--signal #16514A--paper #F0EFE97.894.5AA
the accent inside plates--signal #16514A--card #FAF9F58.634.5AA
defect-log markers--defect #A8341F--paper #F0EFE95.744.5AA
gate passing--pass #1F5E3C--pass-bg #E4EDE66.444.5AA
gate failing--fail #A8341F--fail-bg #F6E7E35.504.5AA
never measured — neither pass nor fail--unmeasured #7A5B12--unmeasured-bg #F3EBD85.314.5AA
pull quotes--quote-ink #22262A--quote-bg #E7E6DE12.164.5AA
secondary ink on the ink ground (footer, dark bands)--ink-dim #9AA0A6--ink #14171A6.814.5AA
Status vocabulary

Three states, not two

The third one carries the argument. Most status systems have pass and fail, and quietly file “never checked” under green.

passedfailednever measured