Bento Boxes are a web design secret, as long you understand what they are not.
![A bento box](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/6669ba4f9f8ddb97a5c01b1c_kofookoo-de-UQE3rtWMfV4-unsplash.webp)
Bento grids in web design, just like the Japanese food boxes, are very pretty to look at, and they are very trendy these days.
![Diego Liv's bento grid footer](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/666736c3eb92f4f6b778e1d5_diegoliv.webp)
It’s a great way to break out of boring, repetitive and uninspired layouts.
You see them every time Apple wants to show the plethora of new features a product or an OS has to offer.
Control eye movement
In web design you can control the eye movement of the user, like F shape patterns, but with bento grids you can’t.
![Control eye movement. Source: Crazy Egg](https://cdn.prod.website-files.com/62d2dcd35bbb74363e59457c/66673eb7628a96617da2a916_Control%20eye%20movement.webp)
But what some designers seem to miss is that Bento boxes are not meant to lead to an important call to action.
They are meant, at best, to be pleasing to look at, and to an extent to overwhelm the user with an overload of information on purpose. This leaves an impression of “we have so much to offer” kind of an impression.
And it also works great in responsive web design, but that’s not the point.
My favorite websites that make good use of bento grids