About / Colophon
Colophon
Set in Fraunces for titles, Newsreader for running copy, Neue Montreal for labels and interface text, and JetBrains Mono for code and machine-emitted marks. All four self-hosted as WOFF2.
Type
Titles and headings areFraunces(Undercase Type), a variable serif served with its optical size pinned so the display character holds at title sizes. Running copy isNewsreader(Production Type), a text serif drawn for on-screen reading. Navigation, dates, and other small functional labels arePP Neue Montreal(Pangram Pangram). Code and anything machine-emitted — provenance marks, pipeline stats, citation numbers — isJetBrains Mono. Each face has one job: a name in the content is a serif, a label is the grotesque, a machine value is mono.
One accent color — a terracotta — marks active navigation, citations, and the forward links between/reading and/wiki. Everything else is near-black on white, or the reverse in dark mode. No entrance animations, no background textures.
Stack
Built with Astro — fully static output, no client framework — andTailwind CSS. Code blocks are rendered byExpressive Code, search by Pagefind, both indexed at build time. Hosted on Cloudflare Pages; every push to main deploys.
The footer activity rail is generated at build time from the GitHub GraphQL API, and a daily scheduled rebuild keeps it current without a code push. If the API fails, the block omits itself rather than failing the build.
Pipeline
/now, /reading, and /wiki are written by a separate Cloudflare Worker rather than by hand: it drafts /now weekly from active projects and queued phone notes, commits reading entries sent from an iOS Shortcut, and compiles wiki articles from clusters of reading entries. The compiler is Claude, and anything machine-written carries a ✱ provenance mark, set in mono. The full mechanics are documented at/now/how-this-works.
Written in San Diego, CA.