How it's made
Colophon
Cream paper, ink, hairline rules, and one electric blue accent. Built to read like a printed spec sheet and to load like a static page, because a portfolio arguing for engineering craft should survive being opened in dev tools.
Version
v3.067
Runtime dependencies
9
Build-time dependencies
10
Tech stack
The system
Typography
Three typefaces, three jobs
Archivo
Display and interface
Headlines, section titles, buttons. Extrabold and tight for anything that needs to land.
Newsreader
Body
Every paragraph on the site. A serif because this is a page of arguments, not a dashboard.
JetBrains Mono
Labels and metadata
Stamps, eyebrows, spec labels, and link actions. The engineering voice in the layout.
All three self-host through next/font, so there is no request to a font CDN and no layout shift while they load.
Color
Six tokens carry the whole site
Light value, then dark. Everything else on the site is one of these six, or text sitting on top of one of them.
Build
How it gets to you
Bootstrapped with v0, then taken apart and rebuilt by hand. Maintained with Claude Code. Every route except the dynamic Open Graph image is prerendered at build time, so the site is static files on a CDN.
The build type-checks. It used to skip that, and it used to ship 51 runtime dependencies for a site that imports 9. Both are fixed, and this page lists what is actually installed, so it stays honest.
Dependencies
Runtime packages
Dependencies