Colophon
One typeface, one type size, two colours, and a character grid. Nothing here is bigger than anything else, so rank comes from fills, frames and case instead.
| Framework | Astro 7 on Vercel. React for the research charts only, no CSS framework. |
|---|---|
| Styling | One hand-written stylesheet. |
| Typeface | Server Mono, SIL OFL 1.1. One file, one weight, 24 KB. |
| Type sizes | One. 16px, everywhere. |
| Grid | 1ch by 20px. Press ctrl+g to draw it. |
| Colours at rest | Two. Black and white, swapped by theme. |
| Colours in motion | One, under the cursor. |
| Hero | A harmonograph clip on Cloudflare Stream, cropped to the column and inverted by theme. |
| Client JavaScript | Theme toggle, grid overlay, phone menu, one line that starts the hero clip, and the research charts. Nothing else. |
| Writing | Published to blog.01.inc, mirrored in at build. |
| Analytics | Vercel Analytics and PostHog. |
Greyscale
Every grey is one a terminal can render, taken from the 232 to 255 ramp of the 256-colour cube. The constraint is what stops the palette drifting into a brand colour.
- gray-93
- gray-89
- gray-78
- gray-66
- gray-54
- gray-42
- gray-35
- gray-23
- gray-15
- gray-3