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 6 on Vercel. No UI framework, 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 video clip, transcoded to characters at build. 15 KB instead of 1.61 MB.
Client JavaScript Theme toggle, grid overlay, phone menu, hero playback. 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

Source

SRCL, the design language this site is built on (opens in a new tab) Our source (opens in a new tab)