How this site
is made.
A record of the tools, typefaces, and decisions that went into building this site.
Body text is set in Source Serif 4 — a contemporary serif designed for extended reading on screen. Monospaced elements use JetBrains Mono. System sans-serif is used sparingly for UI chrome.
Designed entirely in code — no Figma mockups. The visual language borrows from editorial print: ruled lines, margin notes, and a deliberately restricted colour palette. Dark and light modes are supported via CSS custom properties.
One accent colour (OKLCH), near-black backgrounds in dark mode, near-white in light. No decorative gradients.
All writing on this site is my own. Code snippets in blog posts may be reused freely. The site's source code is not open-sourced, but the approach is documented in the posts.