Use simple typography

We ensure consistency by having fewer font sizes available. If you ever see a font size that’s not represented here, select the nearest value according to the hierarchical requirements in your design.

Create clear visual hierarchy

Good typography doesn’t need many style changes to create clear hierarchies. Aim for no more than 3-5 weights on any given page.

Use type scale

All elements in our design system need to fit on a 4-pixel design grid. We measure typography by box bounding. Make sure to enter the type size and line height to get the right sizing.

  • Was this Helpful?
  •