Typography Tokens
Usage Guidelines

Standardized typography tokens define the hierarchy, font weights and line heights used across digital interfaces.

Maintain heading order and do not skip heading levels. Use headings to reflect the structure of the content, not their visual appearance. When a heading needs to look like a different size, apply the appropriate typography token or style while preserving the correct semantic heading level.

Our type scale creates a clear visual hierarchy, supports consistency across experiences, saves development time and improves readability. It uses a mathematical ratio to establish balanced font sizes rather than relying on arbitrary pixel values.

Headings

Body Copy