Skip to main content

Card

Typically used as a multi-column layout element for presenting content. Cards can include an optional image, description, and link fields.

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.

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.