Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Typography helps us create hierarchies, organize information, and guide our users through pages.

...

Anatomy

Our default The text font is Roboto, size varies from 10px to 48px to be easily used on desktop and mobilefamily, sizing, everything is delivered through design tokens.

...

Usage

Do

  • Text usually is left aligned, but not for all languages.

  • In some cases you'll have to center or right aligned.

  • When setting left aligned typography it’s important to take care to balance the ragged edge of the text as effectively as possible. This improves legibility and the appearance of text.

  • Use the underline style to link text in the body to show when text is clickable.

...