Typography

Typography tokens are a way of defining and organising the typographic styles used in a design system. They are named and assigned values, which can be used consistently throughout a project to ensure a cohesive and harmonious visual language.

In a design system, typography tokens can be used to define a range of typographic styles, including font families, font sizes, line heights, letter spacing, and more. By using tokens, designers and developers can quickly and easily update the typography in a design system, ensuring consistency across all components and screens.

Typography tokens can also be used to establish guidelines and best practices for using typography in a design system. For example, a design system might specify that certain fonts should only be used for specific purposes or that certain typographic styles should be avoided.

Typography tokens are an essential tool for creating and maintaining a consistent and effective design system. By using tokens, designers and developers can streamline their workflow and ensure that their design system is both functional and visually appealing.

You can view our typography tokens and styles on Storybook here.