Colophon
How this site was built.
Typography, colour and the stack behind this site.
Typography
Archivo
One variable family for everything: headings at 900 weight and 125% width, body and labels at heavy weights.
Colour · The Editorial Minimalist
- Warm Chalk#F9F9FB · Canvas
- Deep Charcoal#121316 · Primary text
- Slate Gray#8A8F98 · Borders & muted text
- Electric Indigo#3B5BFF · Signature accent
- Burnt Terracotta#D9532F · Secondary accent
- Signal Orange#FF7A2F · Top-tier labels
Stack
- Framework
- Astro: static HTML, with very little JavaScript
- Styling
- Hand-written CSS with custom properties
- Screenshots
- Captured with Playwright at 2× and 3×, served as responsive WebP
- Transitions
- Native cross-document view transitions
- Fonts
- Self-hosted via Fontsource: no third-party font requests