Colophon
How this thing was made.
A colophon is an old publishing tradition — a note at the end of a book explaining the typefaces, the paper stock, the printer, the year. Most websites don't have one. I like the idea that they should.
This site is a static site, which is a principled choice. No database, no server rendering on request, no JavaScript framework managing a virtual DOM. Just HTML, CSS, and a little JavaScript for the parts that genuinely need it. It loads fast, it works everywhere, and it will probably still work in ten years.
The stack
- Framework: Astro — generates static HTML from components and Markdown
- Hosting: Netlify — deploys on push, serves from the edge
- Version control: GitHub — bradnelson-site
- Type: Lora (headings), Source Sans 3 (body), IBM Plex Mono (metadata) via Google Fonts
- Built with: Claude Code — AI pair programming from Anthropic
- Written by: An actual human, in Seattle, with opinions about line-height
Design notes
The warm off-white background (#F7F3EE) is trying to evoke aged paper without cosplaying as a notebook. The grain texture and scanlines are barely visible at 3% opacity — you shouldn't notice them consciously, but the page would feel flatter without them.
No gradients. No shadows. No rounded corners. Single column, max 680px, plenty of breathing room. The copper accent (#B87333) is used exactly once per page. These are not accidents.
If you dig around in the source, you might find a few things worth finding. That's a tradition too.