Typography
Typography — a CSS-first, fully-tokened Typography component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
Display · oversized hero ramp (size 1 → 3)
Display 1
Display 2
Display 3
Display (base · = size 3)
Heading · level = semantics, size = how big (independent)
Heading 1
Heading 2
Heading 3
h2 that reads as h5
h2 sized to display-2
Lead text — a slightly larger, muted intro paragraph.
Body text — the default paragraph style.
Body text bumped to size="xl".
Caption — small, muted, for metadata.
Blockquote · pull-quote with attribution
“Silica cut our design review time in half — everything just lines up on the same token system.”
No attribution needed for a short pull-quote.