Typescale

The text styles of the marketing website follow a typescale system of 1.200

The letter spacing sets the horizontal spacing behavior between text characters. We created tokens for the letter spacings in order to facilitate its usage and to keep balance on texts.

The line height is the vertical distance between two lines of type, measured from the baseline of one type line to the baseline of the next one. We created tokens for these line height in order to facilitate its usage and to keep balance on text blocks.

Typography is a fundamental element of the UI that can be used to establish content hierarchy, convey information, and help guide users through a page. The following guidelines have been created to ensure proper and consistent typography usage throughout the product.

An array of composed text styles from our typeface was made considering these principles and screen sizes.

To see more about our type system and text styles check this documentation.