Tips for Creating a Bento Box Layout


If you haven’t learned about Bento Box Design yet, it’s a newer trend for displaying information in a compact and fun (and delicious) way. It’s based on the design of Japanese lunches, split into divided squares and rectangles for the different ingredients.

Bento Box Example
Example of a Bento Box by kofookoo.de on Unsplash

If you haven’t already, I recommend checking out the bentobox. It’s a gorgeous gallery of Bento Box Designs around the web?

Bento Box Example on the internet
Example of an unused bento box design for the web

I’m working on building one for the first time right now, so I’m learning how to build a responsive, fluid version myself. Here are the list of resources I’ve found useful so far:

Tutorials

Generators

I hope this helps! I’m building a demo just for fun, with AI images to make it look alien…