Typography

A complete semantic rendering layer for headings, prose, quotes, lists, and annotations

Typography provides a complete set of semantic content components that inherit ThemeContainer:

  • Headings: H1–H6
  • Prose: Paragraph, Lead, Small, Muted
  • Inline semantics: Strong, Emphasis, InlineCode, Anchor
  • Content structure: Blockquote, UnorderedList, OrderedList, ListItem, Hr
  • Annotation block: Annotation
  • Footnotes: FootnoteReference, Footnotes, FootnoteItem
  • Extended lists: TaskListItem, DefinitionList, DefinitionTerm, DefinitionDescription
Loading preview…

Annotation uses a low-contrast note card and supports note, info, warning, and danger. Every tone uses shared semantic variables rather than fixed brand colors. Stable id and href values connect references to footnotes, while FootnoteItem.back_href provides the return link.