Illustrated Cards Grid

Present visual concepts in a card grid that feels curated, engaging, and easy to explore. Illustrated Cards Grid is a great fit for product features, learning objectives, values, personas, examples, or categorized ideas. The combination of imagery, labels, titles, and flip-to-reveal detail helps learners connect visual memory with key information, making review content feel more memorable.

The example arranges card fronts in two columns. Each front places a large image above its label and title. A "Tap to learn more" prompt tells learners there is more to open.

Add imagery and labels for each concept. Then add the title and supporting detail learners reveal on the flip side.

Pick Columns when learners need to compare and scan organized content blocks. Pick Custom Card when one quote or key point should stand apart from the lesson.

Pick Card Click to Review when one card should expand as the others shrink. That template shows its detail in a banner below, rather than flipping the card.