# Typography

> A complete type system for ngwr apps. Semantic variants, color tones, alignment, truncation, and monospace — all driven by the shared `--wr-text-*` / `--wr-font-weight-*` / `--wr-leading-*` tokens so a single theme override re-skins everything.

Source: https://ngwr.dev/guides/typography/overview  
Kind: Section

## At a glance

ngwr/typography

Build interfaces

that read beautifully.

A single `[wrTypography]` directive covers every text role. Pick a variant, optional tone, and you’re done.

## Sections

- [Headings & displayh1–h6 plus the display variant. Reads the type scale from `--wr-text-*` tokens.](https://ngwr.dev/guides/typography/headings)
- [Paragraphslead, body, small, caption, overline. The full prose vocabulary plus tones and alignment.](https://ngwr.dev/guides/typography/paragraphs)
- [LinksThe `link` variant — inline in a paragraph, or paired with an icon.](https://ngwr.dev/guides/typography/links)
- [ListsOne `list` variant across ul, ol and dl — markers and nesting follow the element.](https://ngwr.dev/guides/typography/lists)
- [CodeInline code and the `[mono]` modifier for forcing monospace on any variant.](https://ngwr.dev/guides/typography/code)
- [API referenceEvery input on `wrTypography`, the full variant union, and the classes it emits.](https://ngwr.dev/reference/directives/typography)