Colophon
Every framework, font, and design decision behind this site, in plain view.
01Technology
Node.jsBuild runtime
pnpmFast, disk-efficient package manager
BiomeLinter and formatter, replaces ESLint and Prettier
KnipCatches unused exports, files, and dependencies
PlaywrightSmoke tests for the critical pages
Lighthouse CIPerformance and accessibility budgets per PR
LefthookPre-commit format, lint, type-check02Components
Every button on the site is the same primitive in different clothes.
03Palette
Hover any swatch to read its hex. The whole site runs on this palette plus its dark inverse.
04Typography
One typeface across every surface — Inter Variable.
05Design
Minimal, editorial, and quiet. Body text sits at 13 pixels, never the generic 16. Headings carry aggressive negative letter-spacing. Hierarchy comes from opacity, not from a rainbow of greys.
The layout is a transparent fixed sidebar against a 640 pixel content column. No top navbar, no decorative borders, no shadows for show. Surface differentiation is a four percent black wash.
Motion is fast and consistent. 150 to 200 milliseconds for interactions, 300 to 400 for entrances, an expo-out cubic-bezier of (0.19, 1, 0.22, 1) for nearly everything that moves. Lists stagger at 40 to 60 milliseconds per item.
06Deployment
Pushed to GitHub, built by Cloudflare Pages, served from their edge. Each pull request gets a preview URL. Lighthouse CI runs on every build to catch regressions in performance and accessibility before they ship.
A small Cloudflare Worker fetches Spotify and GitHub data so the home widgets stay live without baking secrets into the static bundle.
07Personal
This site is a workshop. I rebuild it whenever my taste shifts, which is often. If a detail catches your eye, the source is onGitHub. Steal anything you like.