Colophon
How this site is built
The kind of page that only exists because someone cared how the thing was put together, not just what it says.
Stack
Astro, statically generated — no server at runtime, so there's nothing to keep up at 2 a.m. Interactive pieces (this site's contact form, the two tools, the search dialog you can open with⌘K) are islands: React only hydrates on the pages that actually need it, so a page like this one ships zero component JavaScript. Content lives in Markdown/MDX collections. Styling is Tailwind, on design tokens rather than one-off values.
Type & color
Headlines are set in Bricolage Grotesque; body copy stays in Inter; code stays in JetBrains Mono. The first version of this site used Inter for everything and the same blue every AI-scaffolded site reaches for by default — it worked, but it was invisible in the way templates are invisible. The palette now is warm paper instead of stark white, deep pine teal instead of generic SaaS blue, with a coral second color that has an actual job (tags, accents, hover states) rather than sitting unused in a token file.
Accessibility
Every foreground/background pairing in the palette — including white text on every button color, in both themes — is checked against WCAG AA contrast requirements computationally, not by eye. Focus rings are never suppressed. Motion respects prefers-reduced-motion everywhere, including the little status-dot pulse on the homepage. Semantic HTML first; ARIA only where semantic HTML runs out.
Hosting
GitHub Pages, deployed by a GitHub Actions workflow on every push to main. Fully static output — no database, no API routes, nothing that can go down independently of GitHub itself.
Changelog
This site is built in the open, iteratively — worth tracking honestly rather than pretending it arrived finished.
v3
Added the command palette (⌘K), this Uses page, this Colophon, the Now card, a reading-progress bar on posts, and a contrast checker under Tools.
v2
Full redesign off the v1 palette and type — warm paper instead of stark white, teal and coral instead of generic SaaS blue, Bricolage Grotesque for headlines. Added Photos.
v1
First build: Astro, the core pages, the blog, and the two original tools.