Description
The card deck arranges a series of content cards into a neat, visually aligned grid presentation — ideal for news articles, resources, or featured links.
Use when you want to feature a collection of pages on your site. For example, you may want to direct people to up to 4 of the most important resources or pages on your site and indicate what the user can expect to find on those pages.
Dos and Don’ts
Do
- Make cards actionable. Since cards are used as a summary of more detailed information, any individual card should link out to that information.
- Make sure images are properly sized. Cards often change size depending on the device. Make sure you use an image that works well on any device at any size.
- Use with feeds (news)
Don’t
- Don’t use with large amounts of text
- Include non-redundant content. Don’t repeat images or content common to all or most cards in a collection. Repeated information (like using the same image for each card in a collection) makes it more difficult to distinguish cards from one another.
- Avoid putting cards that have images in groups with cards that don’t have images.
Anatomy
Color Options
The card deck comes with a white background and either white or black cards.