Layout
Bento Grid
layoutgridcardshierarchymarketing
Mixed-size cards arranged in a grid to create visual hierarchy.
When to use
- Showcasing multiple features of a product on a single screen
- Creating a visual hierarchy between primary and secondary content
- Marketing pages where you want a modern, magazine-style feel
Examples
- Apple's iPhone feature section with large and small tiles
- Notion's feature overview page
See this in the wild
Analyze a site and look for bento grid in the breakdown.
