1# bento-grid
2 
3Modular grid layout with varied cell sizes, like a bento box.
4 
5## Structure
6 
7- Grid of rectangular cells
8- Mixed cell sizes (1x1, 2x1, 1x2, 2x2)
9- No strict symmetry required
10- Hero cell for main point
11- Supporting cells around it
12 
13## Best For
14 
15- Multiple topic overview
16- Feature highlights
17- Dashboard summaries
18- Portfolio displays
19- Mixed content types
20 
21## Visual Elements
22 
23- Clear cell boundaries
24- Varied cell backgrounds
25- Icons or illustrations per cell
26- Consistent padding/margins
27- Visual hierarchy through size
28 
29## Text Placement
30 
31- Main title at top
32- Cell titles within each cell
33- Brief content per cell
34- Minimal text, maximum visual
35- CTA or summary in prominent cell
36 
37## Recommended Pairings
38 
39- `craft-handmade`: Friendly overviews (default)
40- `corporate-memphis`: Business summaries
41- `pixel-art`: Retro feature grids
42