Colophon

A designer-y word for "how it's made"

This site is designed, built and maintained by me. It’s a small, deliberately lightweight corner of the web — a place to write, share what I’m working on, and keep learning in the open. This page documents how it’s put together and the choices behind it.

About this site

The source code is open on GitHub. I rebuild and refine it little by little rather than chasing a big redesign, so it grows the same way I do — incrementally, and with intention.

Technology

Typography

All fonts are self-hosted as subsetted woff2 files, so there’s no third-party request and only the glyphs the site actually needs are downloaded.

Design

  • Styling: Tailwind CSS with the typography plugin.
  • Colour: a restrained, mostly neutral palette with teal accents, in both light and dark modes.
  • The aim is calm, readable, and out of the way of the words.

Energy & performance

This site is built to be light. There’s very little JavaScript shipped to the browser, media is compressed, fonts are subsetted, and pages are pre-rendered to static HTML wherever possible. I care about the energy cost of the web — you can read more about that in my writing on sustainable and regenerative software.

Accessibility

I aim to meet WCAG 2.2 Level AA: semantic HTML, sufficient colour contrast, keyboard navigation and respect for reduced-motion preferences. If something doesn’t work for you, please let me know — I’d genuinely like to fix it.

Privacy

No invasive analytics, no advertising, no tracking cookies. I don’t want your data — I just want the site to be useful.


This page was inspired by Ky Decker’s colophon and the colophons of the wider indie web. If you have one too, I’d love to see it.

Left arrowArrow icon pointing to the left