What Is a Bento Grid? Definition, Examples, and How to Make One in Canva

A bento grid is a layout built from rounded rectangular tiles of different sizes, packed together with even gaps. The name comes from the Japanese bento lunch box, where rice, fish and vegetables each sit in their own compartment. In design, each tile plays the same role: one photo, one stat, one idea.

What is a bento grid? #

A bento grid is a modular layout. The page is divided into a grid of rows and columns, and content tiles span one or more cells. Three traits make it recognisable:

• Rounded corners on every tile, usually the same radius.
• Equal gutters between tiles, so the gaps look like thin walls.
• Mixed tile sizes: one or two large "hero" tiles, several medium ones, and a few small ones.

The mixed sizes are what separate a bento grid from a plain even grid. Size creates hierarchy: the biggest tile is read first.

Where you see bento grids #

• Product and landing pages, where each tile highlights one feature.
• Portfolios and link-in-bio pages, where tiles hold projects, socials and a short intro.
• Social posts and carousels, where one image is split into a neat, scannable layout.
• Photo displays, such as a family-year recap or a travel summary on one page.

How a bento grid works #

1. Pick a base grid, for example 4 columns by 3 rows.
2. Assign spans: the hero tile covers 2×2 cells, others cover 1×1 or 2×1.
3. Keep one gap size between all tiles and one corner radius for all tiles.
4. Fill each tile with one thing: a photo, a number, a short line of text.
5. Balance the weights: put visually heavy photos next to calm, plain tiles.

Bento grid vs a regular photo grid #

How to make a bento grid with photos in Canva #

Canva's built-in Grids are fine for a quick equal layout, but mixed spans, exact gaps and rounded corners take effort by hand. One shortcut is Frames Lab, a Canva app by Qrdy whose Grid mode builds a frame layout you can drop photos into.

1. Open your design in Canva and launch Frames Lab from the Apps panel.
2. In the Create tab, choose Grid mode.
3. Set the columns, rows and gap. A 4×3 grid with a small gap is a good start.
4. Use the Advanced options for rounded corners, then check the live Preview.
5. Click Add to design. The frame scales to fit your page.
6. Drag photos into each tile. Ungroup or resize tiles if you want one to span more cells, so it becomes your hero.
7. Optionally use the Style tab to add a border or inner shadow.

Tips: keep gaps identical everywhere, use one hero photo with a clear subject, and mix in one or two plain colour or text tiles so the photos can breathe. The free plan limits how many frames you can add, and very dense grids can be blocked, so keep the cell count modest.

When not to use a bento grid #

If your content is a long, linear story, a bento grid fragments it. It also works poorly when every tile is equally important, since the hierarchy has nothing to say.

Quick recap #

A bento grid is rounded tiles, equal gaps and mixed sizes, organised so the eye lands on the hero tile first. It is easy to make in Canva once you have a frame layout to fill with photos.