Description
Cards act as gateways to detailed content by summarizing broader ideas. They bring together text, optional images, and links into a single, cohesive visual container.
While a card can stand alone, it is usually part of a broader collection of similar cards. Each card is defined by its unique content, while a border or container visually distinguishes it from the rest of the page.
Component Preview
Truman Tiger
Truman is the official mascot of the athletic teams of Mizzou and named after U.S. President Harry S. Truman.
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.