Standard Card
This is an example of a “standard” card, which contains a title, sub-title, description, one or more actions, and a thumbnail. Use this card for rich search results displayed in a grid.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Light Card
This is a “light” card, which differs from the standard card by omitting a sub-title and actions aligned in a footer at the bottom of the card. Note the main action, opening the item, is used by making the card’s title a link. This card is recommended for search results that are not action-heavy (e.g., no delete, selection, editing, etc) and which do not have distinctive categorization.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
.text–supporting
Text-Only Card
This is an example of a “standard” card that does not have a thumbnail. Use this card when display results in a grid where none of the results have a visual representation. If only one some of the items lack an image, use the “standard” card above with a fallback image in place of an item’s missing thumbnail.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
.text–supporting
Minimal Card
This is an example of a “minimal” card which only displays a thumbnail and the title. Use this card for simple item display, like that in a sidebar.