№ 05 · Colophon

How this was made.

A quiet archive, typeset deliberately. Everything below is a working part, not a decoration.

Typefaces

Three families, each picked for a job. Display sans for navigation and headlines, a reading-optimized serif for long-form, a tidy monospace for metadata and code.

Display: Satoshi by Pangram Pangram.
Reading: Source Serif 4 by Frank Grießhammer (Adobe, OFL).
Mono: Commit Mono by Eigil Nikolajsen.

Palette

Warm-tinted neutrals at hue 55 — paper and ink, not gray. One accent, oxblood, referencing book bindings.

Paper: oklch(97.5% 0.006 55)
Ink: oklch(18% 0.012 55)
Rule: oklch(86% 0.007 55)
Oxblood: oklch(42% 0.12 22)

Stack

Runtime: Bun locally, Cloudflare Workers in production.
Framework: TanStack Start on Vite 8 .
Styling: Tailwind CSS v4 with bespoke utilities.
Toolchain: Biome for lint + format. No ESLint, no Prettier.
Env: @vite-env/core — own package, dogfooded. Build-time virtual modules, client/server boundary as a resolution miss.
Tests: Vitest with Testing Library . Pure modules covered, contracts locked.

Content pipeline

Frontmatter: Velite — Zod-typed collections for projects, writings, work, pages.
MDX: @mdx-js/rollup compiled at build time. No runtime eval.
Highlighting: Shiki with Vitesse light / dark themes, token colors only.
Markdown: remark-gfm, remark-frontmatter, rehype-slug.
OG cards: Satori + resvg-js , rendered at build via a Vite plugin. Hashed, persisted, emitted as static assets.

Endpoints

Machine-readable URLs alongside the human pages.

/sitemap.xml: Velite-driven, edge-cached for an hour.
/rss.xml: Writings as RSS 2.0, full descriptions in CDATA.
/llms.txt: Plain-text site map for LLM crawlers.
/windsurf: Proxies a SHA-pinned install script — curl -fsSL fasu.dev/windsurf | bash.

Privacy

Analytics: Cloudflare Web Analytics — no cookies, no IP storage, no fingerprinting. Pageview counts only.

License

Writings: CC BY 4.0
Code: Private repository.