Card
Typically used as a multi-column layout element for presenting content. Cards can include an optional image, description, and link fields.
On this page
Example
Central Student Government
Leadership Engagement Scholarship
Need-based scholarship/stipend supports students active in U-M organizations, encouraging continued participation.
Audience: All Students
Type: Scholarship
When to use
Cards are best used to highlight three to four items of the same content type. They can break up blocks of text and add visual interest to a page.
Flag and stacked cards require at least two cards. Text cards require at least three cards.
Guidelines
Cards should be simple, easy to scan, and have a distinct link for more information.
Accessibility
Ensure that the card’s heading level is appropriate for the card’s location in the page hierarchy. Include alternative text on all images.