Skip to main content
Typography is foundational to creating clear, consistent, and accessible interfaces. Our system uses design tokens and a well-defined set of styles to ensure type is applied consistently across products, platforms, and teams. Typography tokens are predefined values that represent font properties like font family, size, weight, letter spacing and line height. Rather than using arbitrary values (e.g., setting font-size: 17px), tokens standardize how typography is applied across components and layouts. Using type tokens:
  • Ensures consistency and scalability across the design system
  • Makes it easier to implement updates or refinements system-wide
  • Supports design–developer alignment through shared, meaningful naming conventions

​
Typefaces

​
Type scale

Styles are grouped by role: Text for product UI copy and Code for monospace technical content.

​
Text

Inter — main product typography.

​
Code

Source Code Pro — code blocks, snippets, and technical strings.
Last modified on May 11, 2026