Colophon
Every framework, font, and design decision behind this site, in plain view.
01 Technology
Node.js Build runtime 
pnpm Fast, disk-efficient package manager 
Biome Linter and formatter, replaces ESLint and Prettier 
Knip Catches unused exports, files, and dependencies 
Playwright Smoke tests for the critical pages 
Lighthouse CI Performance and accessibility budgets per PR 
Lefthook Pre-commit format, lint, type-check 02 Components
Every button on the site is the same primitive in different clothes.
03 Palette
Hover any swatch to read its hex. The whole site runs on this palette plus its dark inverse.
04 Typography
One typeface across every surface — Inter Variable.
05 Design
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.
06 Deployment
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.
07 Personal
This site is a workshop. I rebuild it whenever my taste shifts, which is often. If a detail catches your eye, the source is on GitHub. Steal anything you like.