COLOPHON
How This Site Is Built
For a site about making systems visible, showing your own system is on-brand.
Typography
Display
Newsreader
Page titles, section headers, pull-quotes. The editorial authority.
Body
Source Serif 4
All long-form prose. Warm, readable, designed for sustained reading.
Mono
IBM Plex Mono
Labels, navigation, data, code. The voice of the machine.
Color
Two sides: night for the work, paper for the explanation. Neutral and cool, never brown. One pigment, violet, means “look here”. Odisha comes in through greyscale stone that dissolves into type, and through Sambalpuri bandha: ikat planned square by square on graph paper, a hand-made pixel image long before screens had pixels. Take one apart →
Stack
| Framework | Astro (SSG / Pre-rendered) |
| Hosting | Cloudflare Pages |
| Content | MDX via Content Collections |
| Interactivity | Vanilla JS & React (Astro Islands) |
| Styling | Vanilla CSS (Generated with AI pair-programming) |
| Search | Pagefind (client-side, post-build indexed) |
| Illustrations | OpenPeeps by Pablo Stanley |
Design Philosophy
Explanation beside evidence. Most pages are split: a paper column that tells you what you're looking at, beside a night column with the work itself. Case studies are written as long reads, with the figures next to the paragraph they prove.
No CSS framework. No utility classes. The design system is too specific and editorial for generic tooling. I pair-program the CSS with AI and spend my own attention on the creative direction: spacing, motion, and whether a page feels right.