The stack scrolls. Same masthead, same kicker, same body paragraph,
same blockquote, same mono-caps label across all five — so the only
thing changing is the type. Pick one, kill the rest.
Pick the name and the metaphor before you pick the framework. Whatever you call the thing decides what gets built next. Specs before component, schema before tool, table before grid — sprint protection before sprint planning. The metaphor decides what's load-bearing. A name that doesn't constrain you is wallpaper.
"A near-miss voice is more honest than a polished one that isn't mine at all."
§ Filed under method · 2026 · revision №01
Three reasons it works: the eye isn't bored, the labels feel typed, and the body still reads after a thousand words.
Set B — Fraunces editorial
Fraunces (display + body) · Cutive Mono
One variable family doing two jobs. Contemporary editorial; ornament when it earns it.
Field guide · what I work for, and how I work
hosette.
Values & Methods
name the thing first
Pick the name and the metaphor before you pick the framework. Whatever you call the thing decides what gets built next. Specs before component, schema before tool, table before grid — sprint protection before sprint planning. The metaphor decides what's load-bearing. A name that doesn't constrain you is wallpaper.
"A near-miss voice is more honest than a polished one that isn't mine at all."
§ Filed under method · 2026 · revision №01
Three reasons it works: the eye isn't bored, the labels feel typed, and the body still reads after a thousand words.
Set C — EB Garamond classical
EB Garamond (display + body) · IBM Plex Mono
Less magazine, more book. Mono swaps to a tech-flavored slab.
Field guide · what I work for, and how I work
hosette.
Values & Methods
name the thing first
Pick the name and the metaphor before you pick the framework. Whatever you call the thing decides what gets built next. Specs before component, schema before tool, table before grid — sprint protection before sprint planning. The metaphor decides what's load-bearing. A name that doesn't constrain you is wallpaper.
"A near-miss voice is more honest than a polished one that isn't mine at all."
§ Filed under method · 2026 · revision №01
Three reasons it works: the eye isn't bored, the labels feel typed, and the body still reads after a thousand words.
Set D — Newsreader contemporary
Newsreader (display + body) · Cutive Mono
Variable serif designed for digital reading. Holds at small sizes; the italic earns the page.
Field guide · what I work for, and how I work
hosette.
Values & Methods
name the thing first
Pick the name and the metaphor before you pick the framework. Whatever you call the thing decides what gets built next. Specs before component, schema before tool, table before grid — sprint protection before sprint planning. The metaphor decides what's load-bearing. A name that doesn't constrain you is wallpaper.
"A near-miss voice is more honest than a polished one that isn't mine at all."
§ Filed under method · 2026 · revision №01
Three reasons it works: the eye isn't bored, the labels feel typed, and the body still reads after a thousand words.
Set E — sans body experiment
Caprasimo · Inter · Cutive Mono
Keeps the masthead and the labels; swaps the body to a neutral sans. Tests whether hosette can hold its register without a book serif.
Field guide · what I work for, and how I work
hosette.
Values & Methods
name the thing first
Pick the name and the metaphor before you pick the framework. Whatever you call the thing decides what gets built next. Specs before component, schema before tool, table before grid — sprint protection before sprint planning. The metaphor decides what's load-bearing. A name that doesn't constrain you is wallpaper.
"A near-miss voice is more honest than a polished one that isn't mine at all."
§ Filed under method · 2026 · revision №01
Three reasons it works: the eye isn't bored, the labels feel typed, and the body still reads after a thousand words.