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
- The primary typeface on this website is Schibsted Grotesk. It’s a fantastic house typeface from a Swedish media group. Schibsted Grotesk is a classic sans-serif with variable weights designed for digital content.
- Courier Prime
- I use Courier Prime for code and structured data. It’s a remake of the classic IBM typewriter font.
Technical Stack
- Hugo
- The whole site is built around the Hugo static site generator and template engine. I started using it after ripping my hair out on Ruby gem dependencies with Jekyll. Hugo is a single binary written in Go.
- Tailwind CSS
- I tried going with simple, semantic HTML but I really wanted more control than it gave me. So, I’m using Tailwind.
- DaisyUI
- DaisyUI is a component and theming system for Tailwind. I think I mostly use it for color management.
- Sveltia
- Sveltia is a 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. You’d think markdown files would be easy enough to edit, but for some reason the in-browser workflow reduces edit resistance for me.
- CloudFlare Pages
- CloudFlare is providing free hosting, CDN, basic analytics, and they manage my DNS because “why not?”