~/frzip

colophon

How this site is made

For people who scroll to the bottom of a site wondering what it's set in. I'm one of you.

Type

Two voices. JetBrains Mono carries the identity: the wordmark, the headings, the dates and labels, the math blocks. Literata carries the reading: body prose and the italic deks. The split is deliberate. The mono is the voice of the terminal the wordmark lives in, and it's the typeface I stare at all day anyway; a serif still reads better over three thousand words, and most pages here run long.

Mono display runs smaller and tighter than a serif would in the same slot, so the headings sit quieter than you'd expect. That's the point. Dates are day-first, because that's how days work.

Color

Light graphite for the page, blue-black ink for the text, and one accent: electric indigo. The accent gets the ~/ prefix, section numbers, sidenote markers, and not much else. The wordmark is the whole mark; there's no symbol, no monogram, no logo beyond the type.

Build

Astro 5 and Tailwind 4, compiled to plain static HTML and served from Cloudflare Pages. Posts are hand-written pages, not a markdown collection, so each one can be its own layout problem. One typed list drives the index, the RSS feed, the sitemap, and the share cards, which are typeset at build time rather than drawn.

No analytics, no cookies, no motion, and almost no JavaScript: the sidenotes and the collapsible rigor layers are plain HTML and CSS, and a page only ships a script when a figure genuinely needs one.