Bento
Also called Bento grid, Bento box layout
A grid of unequal rounded panels packed tightly into a rectangle, each holding one idea, named after the compartmented Japanese lunchbox.
Near it
What it is made of
| cells | different sizes, but all on one grid | |
| gap | consistent and visible | |
| radius | equal on every cell | |
| one idea per cell | the constraint that makes it work and the one that gets dropped first |
Where it came from
The term entered interface writing around 2022 and 2023, largely off the back of Apple's product pages and of dashboards built the same way.
Grid
Neo-brutalism
Modular grid