# Typography

Source: https://design.ritchiebros.com/components/data-display/typography/

Typography establishes hierarchy and communicates important content by creating clear, consistent visual patterns.

## Figma

The Figma reference for **Typography** will appear here once the design link is added.

## Storybook

Interactive examples for **Typography** will render here once the Storybook link is wired in.

## Best practices

- Use heading variants to build a clear hierarchy; don’t skip levels for visual effect alone.
- Set the semantically appropriate HTML element (for example, a heading vs. a paragraph) rather than relying on size alone.
- Let nested text inherit from its container instead of overriding styles ad hoc.
- Reserve bold weight for genuine emphasis so it keeps its meaning.

## Related components

- [Divider](https://design.ritchiebros.com/components/data-display/divider/)