Tema · Tipografia
Stili tipografici
Gli 35 stili di testo del tema (categoria typography): color-agnostici, qui mostrati su sezioni neutre. Ogni voce è il testo reso NEL suo stile + il nome e le classi. Il colore lo mette il ViewMode che li richiama.
Tipografia
Display
displayHero
us-displayHero · text-5xl md:text-7xl font-extrabold leading-none tracking-tight
display
us-display · text-5xl font-semibold leading-tight tracking-tight
Tipografia
Heading (h1–h6)
h1
us-h1 · text-4xl font-bold leading-tight tracking-tight
h2
us-h2 · text-3xl font-bold leading-tight
h3
us-h3 · text-2xl font-semibold leading-snug
h4
us-h4 · text-xl font-semibold leading-snug
h5
us-h5 · text-lg font-semibold leading-snug
h6
us-h6 · text-base font-semibold uppercase tracking-wide
Tipografia
Titoli minori
subheading
us-subheading · text-xl font-semibold leading-snug
subtitle
us-subtitle · text-lg font-normal leading-snug
Tipografia
Corpo & lettura
lead
us-lead · text-lg leading-relaxed
body
us-body · text-base leading-relaxed
bodySmall
us-bodySmall · text-sm leading-relaxed
small
us-small · text-sm
muted
us-muted · css → .us-muted
caption
us-caption · text-xs leading-normal
Tipografia
Etichette & meta
label
us-label · text-sm font-medium leading-none
eyebrow
us-eyebrow · text-xs font-semibold uppercase tracking-wide
overline
us-overline · text-xs font-semibold uppercase tracking-wide
badge
us-badge · text-xs font-semibold uppercase tracking-wide
navLabel
us-navLabel · text-base font-medium
tableHeader
us-tableHeader · text-xs font-semibold uppercase tracking-wide
statLabel
us-statLabel · text-xs font-semibold uppercase tracking-wide
meta
us-meta · text-xs tracking-wide
footnote
us-footnote · text-xs leading-snug
legal
us-legal · text-xs leading-normal
Tipografia
Citazioni
blockquote
us-blockquote · text-xl italic leading-relaxed
pullQuote
us-pullQuote · text-2xl md:text-3xl font-semibold leading-snug
cite
us-cite · text-sm not-italic font-medium
Tipografia
Numeri & codice
statValue
us-statValue · text-4xl font-extrabold leading-none tabular-nums
code
us-code · font-mono text-sm
codeBlock
us-codeBlock · font-mono text-sm leading-relaxed whitespace-pre
link
us-link · underline-offset-4 hover:underline
listItem
us-listItem · text-base leading-relaxed
buttonLabel
us-buttonLabel · text-sm font-medium tracking-wide
Stili nella collection, font nel theme
Gli stili tipografici vivono nella collection `styles` e si richiamano per nome (us-<nome>); i font stanno nel global theme, emessi come CSS var.
Vedi gli Stili