Text and data overview

Text and data components help reduce cognitive load, allow users to locate information quickly and keep them interacting with your website. They provide different ways to:

  • Organize and highlight the information hierarchy on a page
  • Make information readable, scannable and easy to identify

Considerations and cautions

  • Use a single or pairing of typefaces for all headings, subtitles, body, label and captions for a cohesive experience.
  • Use larger font weight (Light, Medium, Regular), size, letter spacing and case to communicate hierarchy.
  • Use natural, clear and succinct language to help users complete their task on the page.

Text and data components