Colophon
How this site is made, what it runs on, and who shaped its direction.
Technology
The site is built with Next.js 16 (App Router, server components) and React 19, written entirely in TypeScript. Styling is Tailwind CSS v4 with shadcn/ui primitives. Animations use Framer Motion for layout transitions on the projects page. Blog posts are authored in MDX.
Deployed on Vercel with analytics enabled. Icons from Hugeicons. No external analytics scripts, no cookies, no tracking pixels.
Typography
Headings are set in Instrument Serif at 400 weight. Body text uses Geist Sans. Labels and metadata use Geist Mono. The pairing creates hierarchy through contrast alone, serif for warmth, sans for clarity, mono for structure.
Design
The layout is a single column at max-width 576px. Dark mode is the default. There are no accent colors, no gradients, no illustrations. Visual hierarchy comes from four opacity levels of the foreground color: 100%, 60%, 40%, and 30%.
Hover states use translate and opacity shifts, never background fills. Links use underline-offset with decoration-color transitions. The site is fast because there is almost nothing to load.
Process
The entire site was designed and built with AI-assisted development using Claude Code. Every component, every layout decision, every line of copy was iterated through conversation. The process itself is part of the point: this is how software gets built now.
Shaped by
The editorial clarity of Guillermo Rauch. The restraint of Lee Robinson. The craft of Paco Coursey. The interaction care of Brian Lovin and Shu Ding. The structural thinking of Zaid Mukaddam. The simplicity of Alexander Sandberg, Julien Thibeaut, Hassan El Mghari, Benji Taylor, Akash Bhadange, Florian Kiem, and Joshua Guo.
Everything around you is someone’s life work. This site tries to reflect the same care.