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.