Cards

Cards present a short summary of a much larger and more complex topic within an interactive container. Clicking on a card takes you to a new page that provides the full details on the topic.

Anatomy

INSERT IMAGE

Usage

When to use

• To present a summary and link to additional details and information

When NOT to use

• When you need to emphasize the order of the content (tables organize and order content better)
• When you have more than two action links
• When you have inline links (i.e., links within description text)
• For the sole purpose of styling a single block of content