Colophon

This site utilizes the static site generator Hugo, and is presented using a custom theme created from scratch by me. It’s built on a system of design tokens, modular patterns, and a minimal visual design that highlights the content.

The color palettes are organized and manipulated with help from the excellent macOS color app Colorslurp. Graphics are manipulated via Figma, and Adobe Photoshop and Illustrator (they don’t need a link).

Typefaces are set as CSS custom properties (part of the design-token system), so the list below is read straight from the live stylesheet when the site is built — it can’t drift out of sync with what you’re actually reading:

Headings

var(--font-heading) → "Montserrat", sans-serif

Interface & body

var(--font-body) → "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif

Blog & micro prose

var(--font-prose) → "Source Serif 4", Georgia, "Times New Roman", serif

The headings are Montserrat, the interface and body copy are Source Sans 3, and long-form blog writing is set in Source Serif 4 — all open-source (OFL) and self-hosted.

Updates to the site are also broadcast to Micro.blog, which concurrently posts a link to my Mastodon feed.

The ratings sections are built using Airtable for collecting and arranging the databases.

The dev environment for bradbice.com utilizes Git (hosted on GitHub), alternating between Nova by Panic and (ugh) Visual Studio Code, the iOS Shortcuts app, and Terminal for macOS. I also - from time-to-time - make use of Sourcetree for visualizing Git changes a little easier.

This site is hosted on Netlify, and the domain is registered through Namecheap.

The Library CSS section shows its code examples as static, syntax-highlighted source, rendered from local files at build time.