Colophon

This is the type, the color, the section arc, and a few details that exist mostly because I wanted them. I also use this page to check my work.

01

Type

The body is set in Freight Text Pro, a serif from Joshua Darden Studio. The italics have personality, the figures are old-style — numbers that read like letters rather than glyphs — and it stays legible at body sizes without going generic at display sizes.

UI elements — eyebrows, meta, button labels — drop into SF Pro. Code is set in SF Mono.

Body — Freight Text Pro · 17px / 1.71

Most "people problems" are really problems of how work is grouped, how authority moves, and whether the team actually exists in any structural sense or is just a recurring calendar invite.

Display — Freight Text Pro · 60px / 1

Hidden Patterns

UI — SF Pro · 14px small caps

FIVE THINGS · APR 6, 2026 · 7 MIN READ

Numerals — old-style figures

2006 · 2026 · 1,022

02

Color

The accent is a coral red, #FF3252. The coral is pretty close to the original Undercurrent pink, which I loved.

Radar runs in dark mode with a neon green, #00ff88, that only shows up there.

Accent #FF3252
Radar #00FF88
Text #1A1A1A
Secondary #666666
Muted #999999
Background #F8F8F8
03

The book's color arc

Seven sections, seven colors. The arc starts near-black for Start & End, runs through the coral of Foundations, and resolves at violet for Space. The same arc shows up in the footer gradient. When you visit a chapter, the section's color appears in the chapter buttons and the section nav.

Start & End #222222
Foundations #FF3252
Structuring #E9306B
Direction #D83586
Practice #BD31BF
Learning #9F36CE
Space #8438F2
04

Components

Buttons
Eyebrow / metadata
ESSAYS APR 6, 2026 7 MIN READ
Tag (archive style)
Sidenote marker

…and the team actually exists in a structural sense.1

05

Small details

Moonphase

A Hodinkee-style complication in the top-right of the header. Two layered SVGs — a blue disc with two moons that rotates based on the day of the lunar cycle, and a white frame with a curved cutout that masks the disc. It updates on page load. The one above is live.

Cyclist

That's me. The drawing's been with me for a long time.

Radar

Daily observations on organization design.

Radar

Posts in Radar run in dark mode — black background, white text, neon green accents. The header has an animated green dot that sweeps across with occasional “blip” effects. A small gimmick, but I like it.

06

Built with

Ghost 6.x with a custom theme. Source on GitHub.

Cloudflare Workers handle webhooks, the contact form, and retailer-link tracking. Comments via Ghost's native comments. Hosting on Ghost(Pro).

Type from Joshua Darden Studio via Adobe Fonts.

If something on this page is broken, it's probably my fault — tell me.