How I built this
Colophon
What this site is made of, and which parts AI helped with.
Stack
- Framework
- Astro, static output
- Styling
- Tailwind CSS v4, tokens from DESIGN.md
- Content
- MDX with a typed schema; word limits fail the build
- Type
- Hanken Grotesk, Georgia, JetBrains Mono (self-hosted)
- Hosting
- Vercel, with cookieless Web Analytics
- Source
- Public on GitHub
Tokens
Every color, size and duration comes from one token set, defined in DESIGN.md and compiled into CSS. Hold ⌥ or Alt and hover over anything to see its spec, read live from the page.
AI
TODO(content) What I designed and wrote, and what Claude and Copilot assisted with. Be specific: direction, tokens and copy vs. scaffolding and implementation.
Standards
WCAG 2.2 AA, full keyboard use, reduced motion respected, readable at 360px, Lighthouse 95+ on every page. TODO(verify)