Minimalist colophon page with bold 'COLOPHON' text and publication details.

A colophon is traditionally the part of a book that describes how it was made.
This page serves that purpose for this site.

About This Site

This site has been my corner of the internet since early 2026 (and in other forms before that).
It is a portfolio and a notebook: longer posts, a now page, zibaldone, a bookshelf, and whatever else I feel like publishing.

I treat it as a long-term project. I want a stack I enjoy maintaining—mostly static files, minimal runtime, and room to iterate without throwing everything away every year.
That philosophy shapes most of the technical choices below.

Technology

The site is built with Astro, a static site generator that ships very little JavaScript by default.
Content lives in Markdown and MDX next to the code, so I can edit it in any editor and keep it under version control.

Where the UI needs interactivity—things like the posts index, theme toggle, and small client widgets—I reach for React through Astro’s islands so only those pieces hydrate.

The site is deployed as static HTML on Vercel. There is no CMS: pages are MDX files in the repo, same workflow as the rest of the codebase.

Typography

Headings use Editorial New; body copy uses Inter (with Source Sans Pro, Source Serif Pro, and Source Code Pro in the broader system). Type scales fluidly so sizes track the viewport instead of jumping only at breakpoints.

Editorial New Serif · Self-hosted · 200–900

Things worth making are worth making well.

Ag 200
Ag 300
Ag 400
Ag 500
Ag 700
Ag 900
Inter Sans-serif · Variable · Google Fonts

Designed for screens. Optimised for legibility at every size.

AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz 0123456789

Styling

Color comes from Radix Colors (Tomato and Gray scales), exposed as CSS variables for light and dark themes.
The accent on this site is Tomato; neutrals stay in the gray ramp for readable body text and borders.

Tomato
1
2
3 Subtle bg
4
5
6 Border
7
8
9 Solid
10
11 Text
12
Gray
1 Page
2 Card
3
4
5
6 Border
7
8
9
10
11 Body
12 Heading

Code

Syntax highlighting in posts uses Shiki via the MDX integration, with GitHub Light Default in light mode and GitHub Dark Default in dark mode—aligned with how code looks in familiar editors.

Writing

Drafts often start as loose notes; some become posts quickly, others sit until they are honest enough to publish.
There is no CMS: MDX in git is more friction than a web UI, but the history is portable and the surface area stays small.

Privacy

Analytics are optional in site config and are not enabled by default.
There are no ads and no third-party trackers baked into the layout.
If you reach out by email, that stays between us.

Accessibility

I aim for WCAG AA where practical: sufficient contrast in both themes, keyboard-friendly navigation, and respect for reduced motion.
If something is hard to use with a keyboard or a screen reader, I want to know.

Inspiration

  • Eva Decker for digital gardens and a certain calm, intentional personal site energy.

Source

Code and content live in git; you can find my projects and contact links from GitHub.