855 B

Raw Blame History

bento-grid

Modular grid layout with varied cell sizes, like a bento box.

Structure

Grid of rectangular cells
Mixed cell sizes (1x1, 2x1, 1x2, 2x2)
No strict symmetry required
Hero cell for main point
Supporting cells around it

Best For

Multiple topic overview
Feature highlights
Dashboard summaries
Portfolio displays
Mixed content types

Visual Elements

Clear cell boundaries
Varied cell backgrounds
Icons or illustrations per cell
Consistent padding/margins
Visual hierarchy through size

Text Placement

Main title at top
Cell titles within each cell
Brief content per cell
Minimal text, maximum visual
CTA or summary in prominent cell

Recommended Pairings

cartoon-hand-drawn: Friendly overviews (default)
corporate-memphis: Business summaries
pixel-art: Retro feature grids