Colophon

This page documents the tools, type, and technology behind this site, an ode to the craft of making things for the web.

Typography

The visual voice of this site is built on two typefaces:

Primary: Inter
A neo-grotesque typeface designed for digital screens. It’s my workhorse, clear, neutral, and highly readable at any size. I use it for all body text, interfaces, and most headlines.

All type is served via variable fonts and uses a modular scale for harmonious sizing.

Technology Stack

This site is built to be fast, resilient, and independent.

  • Engine: WordPress (for its maturity and full ownership)
  • Hosting: Hostinger (bare metal control)
  • CSS: Hand-written, with CSS Grid and Flexbox for layout. No frameworks.
  • JavaScript: Vanilla, used sparingly for enhancements only.
  • Icons: SVG, hand-optimized and inline where possible.
  • Images: Served in WebP/AVIF format, lazy-loaded, with explicit width and height attributes.
  • Fonts: Self-hosted via font-display: swap to avoid render-blocking.

Color Palette

The palette is built for clarity, contrast, and calm focus.

  • Primary Text: #1A1A1A (near black)
  • Secondary Text: #2D3748 (charcoal)
  • Background: #FAF9F7 (warm off-white)
  • Primary Accent: #5A8F7B (sage green)
  • Secondary Accent: #D95D39 (burnt orange)
  • Tertiary Accent: #2A6E78 (deep teal)

All combats meet WCAG AA standards (at minimum) for accessibility.

Principles & Constraints

A few rules this site lives by:

  1. No external page dependencies unless absolutely necessary.
  2. First load under 100KB for the core experience.
  3. Semantic HTML first, screen readers and search engines are honored guests.
  4. Desktop and mobile layouts are designed together, not as an afterthought.
  5. No pop-ups, no sticky bars, no dark patterns. Respect for the reader’s attention is a design constraint.

Inspiration & Thanks

This site stands on the shoulders of thinkers and makers who champion the independent web:

  • The indie web movement, for insisting we own our platforms.
  • Designers like Erik Spiekermann and Tobias van Schneider, for marrying form with function.
  • Writers like Robin Sloan and Craig Mod, who treat their blogs as first-class creative media.
  • The many anonymous forum users and tutorial writers who helped me debug HTML in 2008.

A Note on the Name

Colophon comes from the ancient Greek word for “summit” or “finishing touch.” In early printing, it was the note at the end of a book listing the details of its production, the type, the paper, the printer, and the date.

In an age of disposable digital products, I believe in leaving a footnote on how things are made. This is that note.

This site is a living document. Last updated January 2026.
Built in Miami, Florida.