Colophon
colophon (n): Description of the design of a book or website.
Design
The visual design of this website is inspired by the work of Swiss graphic design titan Josef Müller-Brockman. Among other activities, he literally wrote the book on grid layout design.
Typography
- Schibsted Grotesk
- Primary typeface used everywhere. It’s a fantastic house typeface from a Swedish media group. Schibsted Grotesk is a classic sans-serif with variable weights and a high x-height making it great for digital content.
- Courier Prime
- Remake of the classic IBM typewriter font. Great for code and structured data.
Technical Stack
- Hugo
- Static Site Generator and Template Engine. Single binary written in Go. Easier to deploy than Jekyll and no JavaScript.
- Tailwind CSS
- CSS Framework. I tried going with simple, semantic HTML but I really wanted more control than it gave me.
- DaisyUI
- Component and theming system for Tailwind.
- Sveltia
- Front-end interface for editing content. It provides a basic Content Management System, but in a single HTML + config. Not perfect, but better quality of life than futzing with docs in the file system.
- CloudFlare Pages
- Free hosting, CDN, and basic analytics.