Four families, each with one job:
display, Vollkorn: every title, from page H1 to card titles, plus the wordmark and button labels (600). Page titles get the pen filter (a slow wobble and a little grain).serif, Newsreader: everything you read at length. Essay bodybody-essay(19/1.68) at thereadwidth, standfirsts, course lessons. Italic only for emphasis.sans, Work Sans: everything you operate. Nav, form fields, excerpts, executive summaries, chart labels.mono, JetBrains Mono: everything that labels. Kickers, meta, chips, tags, badges, progress counts. Always UPPERCASE with wide tracking. Loaded only at 400–500, so never bolder. Two label sizes: a section label is 12.5px inaccent-ink; a kicker inside a box is 11px inmuted.
Homepage lead-essay title only. One per page.
Essay H1 and section-page titles, Vollkorn, drawn with the #hand-title pen filter.
The masthead and footer wordmark, in Vollkorn. The & is set in accent-ink.
Essay section headings and band titles, Vollkorn, pen filter on page headings.
Large card titles: case studies, paths, series, work capabilities, About topics. Vollkorn 25px.
Small card titles: essay cards, Most popular, course portfolio cards. Vollkorn 21px.
Most-popular rows, compact lists.
Homepage hero dek, in text-2.
Essay body copy at the read width (712px).
Essay-page dek under the H1, in muted.
Blockquotes, in muted, 3px accent rule on the left.
Default UI text.
Form fields.
Primary nav tabs (500 when current), arrow links (500).
Card excerpts, in text-3.
Button labels: Subscribe (13.5px), hero actions and Let's Meet (15px), Vollkorn 600.
Masthead tagline, in muted.
Section labels, the signpost over a part of a page: UPPERCASE, accent-ink, 500. Mono is loaded at 400-500 only.
A kicker inside a box or card: UPPERCASE, muted, 500.
Category · reading time, UPPERCASE, in muted.
Category chips, UPPERCASE, 4px 8px padding, line-3 border.
BETA / DRAFT badges, UPPERCASE, accent-ink, 1px border.
The Bets & Ships newsletter
Get the next one by email
For product leaders and hiring managers: how product work is changing after AI, with the evidence attached.
- One essay every TuesdayHow product work is changing.
- The evidence attachedCharts, numbers, every source.
- Case studies from the buildThe tools, and what broke.
Free. You’ll get one email to confirm first.