Cards

Embedded cards, or simply cards, are UI components that serve as containers for various content and actions related to a single subject. Commonly these are placed “in-line” with other content within the application, so they feel like a native part of the product/app/UI, even if they are a gateway to resources outside the product.

Cards may also sometimes be used in a “stack” fashion so that the same real estate can be used for multiple messages or content items; users can swipe or click to navigate or dismiss one to show the next Card.

• Content Aggregation: Displaying related information pieces, like articles, products, or profiles—concisely.

• Offers / Promotions: Presenting opportunities for users to explore new products or engage through other channels (e.g. attending events)

• Self-Serve Learning: Providing a suite of options for a user to learn from during user onboarding or to deepen adoption. 

• Dashboard widgets: Showcasing summary information or stats, often clickable to reveal more details.

• Product Listings: Featuring products in online stores, highlighting key information such as price and descriptions.