Colophon

I designed and built this site. It’s Next.js with the App Router, React, and strict TypeScript; the case studies are MDX; styling is Tailwind wired to a small set of CSS-variable tokens; it deploys on Netlify. Every page is statically prerendered, and the JavaScript stays minimal.

The design is one narrow reading column and one typeface at 15px. Hierarchy comes from ink and weight, not scale: headings are the same size as body copy, set heavier and darker. The palette is nearly monochrome - one ink at five alpha stops over a warm white - and the site ships that single warm-white mode on purpose; the palette is the identity, and one mode keeps it exact.

Motion is restrained and fast: one strong ease-out curve, UI transitions under 300ms, a staggered fade-up on first paint, and list rows that dim their siblings on hover. Everything respects reduced motion - if your system asks for less, you get the composed page instantly, no reveals.

Most of the work is in the details. The image viewer tells a tap from a swipe from a press-and-hold with named thresholds, so panning a zoomed image never advances it by accident. Its scroll lock survives touch rubber-banding, and puts you back exactly where you were without triggering the site’s own smooth-scrolling. The resume’s PDF is the print stylesheet - always current, vector text, nothing exported and drifting stale. And links from the site’s earliest structure still resolve: old case-study URLs redirect to their anchored sections.

Type is Inter, licensed under the SIL Open Font License. The coordinates in the footer are the corner of the city this was made in.