Colophon
How This Site Is Made
Production credits, typefaces, and tools behind this independent website, with notes on the craft of designing and publishing it.
Design, writing, and development
Made and maintained by Dondi Bogusky. This is an independent home for notes, projects, and selected work, built to stay readable and easy to maintain.
Tools and production
- Pages and writing
- Astro and MDX
Static pages and content collections form the publishing foundation. MDX makes room for components when a note needs them.
- Layout and styling
- Tailwind CSS
Utilities handle layout and rhythm, with a shared layer of tokens for color, type, and motion.
- Interactive details
- Vue
Small islands support search and portfolio viewers. Ordinary page content stays static.
- Site search
- Pagefind
A local index built from the published pages keeps the archive searchable without a hosted search service.
- Editing
- Zed
The site is written and maintained in Zed, with formatting and build checks keeping the workspace consistent.
- Interface icons
- Lucide
A consistent set of line icons supports navigation and controls, with text labels where a symbol needs explanation.
Type credits
Two working typefaces
Inter carries the reading: page titles, prose, navigation, and controls. JetBrains Mono gives dates, labels, and code their own register.
Both are self-hosted variable fonts. Comfortable line lengths, generous leading, and a restrained hierarchy keep the attention on the writing.
Publishing craft
The details carry through
Images are prepared for their place on the page. Portfolio work gets responsive WebP variants; social previews are generated from SVG sources and rendered with resvg.
The production build checks metadata, image delivery, performance budgets, and color contrast. Keyboard focus, reduced motion, and light and dark modes are part of the same work.
The palette, type specimens, spacing, and interface patterns are collected on the Specifications page, a working reference for the site’s developing design system.
