Card component
Purpose / use case
Interaction type
Common visual elements
Flex
General-purpose, flexible content container
Varies (Static or Clickable)
Title, preview, checkbox
Asset
Display assets like images, text documents, files, videos, materials, etc.
Clickable (navigates to 1-up view), selectable
Preview, filename, metadata, checkbox
Gallery
Show multiple images or videos in a river grid.
Clickable (navigates to 1-up view), selectable
Preview, badge, checkbox
Collection
Group related items such as assets or products in a library of items.
Clickable (drill-in), selectable
multi or hero multi previews, collection title, checkbox
Product
Display product details for interaction
Clickable (drill-in), selectable
Cover image, thumbnail (logo), product title, checkbox
Horizontal
Displaying mostly text, possibly with a cropped cover image or icon.
Clickable (drill-in)
Optional cropped preview, icon, or thumbnail, title, metadata