Colophon

Details about how this site is built, the tools used, and transparency about AI usage.

AI Use & Disclosure

This site uses AI in several ways. Here's a full accounting:

Content Generation

Claude Code was used for research, to scaffold text structure for some sections, and to brainstorm and challenge ideas. If you're wondering: I've always loved em dashes, whose usage has unfortunately been turned into an AI-ism.

Semantic Search

The search functionality uses vector embeddings generated by the all-MiniLM-L6-v2 model via Transformers.js. Embeddings are computed at build time, and the model runs entirely in your browser. No data is sent to external servers for search queries.

Design System

This site uses Forme, a design system for long-form content. The name comes from the French word "Forme", and from letterpress printing. The forme is the locked type in its frame, ready for impression. See the Forme reference for design tokens and components.

Tech Stack

  • Framework: Astro 5 (content-focused static site builder with React islands)
  • Language: TypeScript + JavaScript
  • Styling: Plain CSS with custom properties (no frameworks)
  • Content: Markdown with Astro Content Collections
  • Code Highlighting: Shiki with CSS variables
  • Hosting: AWS S3 + CloudFront
  • Development: Built with assistance from Claude Code

Typography

  • Serif: Literata — designed for long-form reading, used for body text and article content
  • Sans-serif: Inter — optimized for screens, used for UI elements, navigation, and metadata
  • Monospace: Fira Code — with ligatures, for code blocks

Type scale follows a modular ratio for visual harmony across headings and body text.