Colophon

How this is built.

The typefaces, the stack, and a few things about the process worth writing down.

Type

Four faces, each with exactly one job — a display face is not a body face wearing a bigger size.

  • Cal Sans — display
  • Instrument Sans — heading
  • Manrope — body
  • JetBrains Mono — mono

Stack

Next.js App Router end to end — server components by default, client only where interaction actually needs it.

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS v4
  • Motion
  • next-intl
  • Lucide
Scroll
The inertial scroll is about 90 lines of hand-rolled easing, not a Lenis dependency — swapping in real Lenis later is a two-line change.
Content
Every section reads from a typed data file. No hardcoded copy in a layout component, anywhere.
Process
Built with AI-assisted development — Claude Code drives the refactors, every diff is read before it ships.
Accent
One accent color on the whole site, rationed on purpose: lime means live, verified, or mine.