On the materials.
A short note on how this site was built and what it was built from — in the old tradition of a book's end-matter, adapted for the web.
Typography
- Voice
- Instrument Serif — Rodrigo Fuenzalida
- Interface
- Geist Sans — Vercel
- Engineering
- Geist Mono — Vercel
A serif for voice, a sans for interface, a mono for the engineering. Three faces because the site bridges three registers — legal tradition, modern product, working craft.
Stack
- Framework
- Next.js 15 · React 19
- Styling
- Tailwind CSS · shadcn primitives
- Content
- MDX · gray-matter · next-mdx-remote
- Motion
- Framer Motion
- Resend
Nothing exotic. Editorial content in MDX so the writing is the source of truth; the rest is the smallest Next.js stack that can do the job without a build-time surprise.
Working principles
- 01Build for the user whose worst day is your average Tuesday.
- 02Detection is vanity; removal is reality.
- 03The data pipeline is the product.
- 04Constraints are design inputs.
- 05The reviewer is the product. The model is the assistant.