Skip to main content

Typography

Generated from mcp/patterns.registry.json — do not edit by hand; change the registry and run bun run patterns:build.

Index card — the docs below are the canonical explanation; deep-tier pattern pages additionally carry invariants and emulation notes.

Category: UI Components & Design System · Tier: light · Risk: low — frontend only

Typography primitive components applying the design system's fluid type scale and heading/body/UI/code character rules.

When to use: Use for any heading, body, or code text that should follow the app's typographic scale instead of raw HTML tags.

Docs

Code

  • src/lib/components/primitives/typography/ (GitHub · GitLab)

Proof


Machine-readable record: ui-typography in mcp/patterns.registry.json.

← Back to Pattern Library

Think this pattern could be better? Tell us how.

Leave feedback