Typography
Three faces with jobs: Space Grotesk displays, Inter reads, IBM Plex Mono slates. Roles, not sizes — markup asks for a voice.
Display — the statement voice
Heading two
Heading three
Heading four
.t-display-1/-2 · .t-h1–h4 — Space Grotesk, tight tracking
Lead — the first paragraph earns a size up.
Body — Inter at reading measure. The paragraph is the unit of thought, and the measure caps at 65 characters so lines can be re-found.
Small — captions and metadata prose.
.t-lead · .t-body · .t-small
SLATE · TAKE 47 · 00:12:47
“The quote voice gets the serif treatment and a hanging quote.”
Inline: a link, code, marked, ⌘K, the accent word.
.t-slate · .t-quote · .t-link · .t-code · .mark · .kbd