Colophon
How the site is built, and the rules it follows.
Type
One family, used at three sizes and two weights. Helvetica Neue where it is installed, Arial and Inter behind it, the system sans behind that. Nothing on this site is rotated.
Colour
Ink #141414 and paper #F4F1E9 do the work. Six sections each get one flat
field colour, used only as a filled area — never as type, never as a hairline
border:
- Blog — yellow
#F5C518 - Images — blue
#1B3FCC - Video and spoken word audio — green
#0F7A4F - Music — pink
#E86A9B - Experiments and labs — ink
- Directory of interesting things — paper
Signal red #CC2018 is deliberately not a field colour. It has three jobs
and no others: the wordmark, the correction mark, and the single focal element
on a page. If two things on a page are red, one of them is a mistake.
Contrast
Every text-and-background pair is checked on the built pages, not in a
spreadsheet — build/verify.mjs walks the rendered DOM, reads computed colours,
and fails the build below 4.5:1. The lowest pair on the site is 4.75:1.
Build
Markdown with front-matter in content/, a taxonomy in data/taxonomy.json,
and about three hundred lines of Node in build/. No framework. The output is
plain static HTML, hosted on Netlify.