Opaque rounded containers that group related content on a page.

When to use

  • A section of a page: filters, a chart, a block of a form.
  • Dashboard tiles and summaries.

Best practices

A short title, an optional description, and actions in the header or footer.

Avoid

  • Cards inside cards. Use space or a grouped list instead.
  • Glass for content (R1).