Colophon

How this site is made, and why it looks the way it does.

01 The mark

The spiral is an Archimedean spiral, drawn in code — the same few lines produce the favicon, the share cards, the nav mark, and the ghost turning slowly behind every page. It stands in for a mind that thinks in spirals: circling a thing, again and again, until it makes sense.

02 Type

Headlines are set in Fraunces, a variable serif whose softness and wonk axes let the hero type breathe under your cursor. Body text is Newsreader; dates and marginalia are IBM Plex Mono. Three voices, one page — like a good conversation.

03 Colour

Warm paper, dark ink, and one earthy family of accents. Each section claims its own: rust at home, slate teal for work, moss for writing, ochre for notes, chartreuse for tennis, umber in the gallery. Dark mode is its own mood, not an inversion.

04 Motion

The house rule is “quietly alive”: small travel, one easing curve, nothing performs. Rules draw themselves, titles set line by line, photographs sit faded until attention brings the colour back. If your system asks for reduced motion, everything holds still. The page scrolls the way your browser scrolls — no library between your thumb and the text.

05 Build

Next.js and MDX, deployed on Vercel; the styling and motion primitives live in their own small design-system package. The whole site is a public git repository — field notes and gallery photos publish from my phone through a tiny API that writes straight to it, one commit per thought.

Everything here is deliberate; nothing here is finished.