The entrance to an area of a product: a large title and an even grid of the screens inside it.

Best practices

  • Open with a large title (R8) that names the area.
  • Lay out the area’s screens as an even grid of cards, each with an illustration in the area’s colour, a title and one line on what it is for.
  • Order cards by how often people need them, not alphabetically.
  • An area keeps the same colour everywhere it appears: its hub, its cards and its illustrations.
  • A hub never does work itself. Working screens use the regular page anatomy.