Bento Grid
Bento grid layout organizes content into varied-sized cards within a grid — like a bento box. It creates visual rhythm and lets important content dominate.
Key Characteristics
✓Varied card sizes
✓Clean grid structure
✓Visual hierarchy
✓Mixed content types
✓Consistent spacing
✓Responsive breakpoints
When to Use Bento Grid
Bento grids are perfect for SaaS feature pages, app showcases, and any page with heterogeneous content (stats, images, text, media).
Style Prompt Snippet
Create a website with bento grid design. Palette: #ffffff, #0f172a, #f59e0b. Include: Varied card sizes, Clean grid structure, Visual hierarchy, Mixed content types.