A bento grid splits one ad into tiles, each with one job: the product, the claim, the proof, the action. Here's how many layouts exist, which ones sell, and a generator to build your own.
Open the Bento Grid Generator Free, sign in with email
A bento layout fills the grid exactly with rectangles: no overlap, no empty cells. On a 3×3 grid there are 322 of them. Most creators use the same three. Counted live in your browser (layouts with up to 10 tiles):
Where the number comes from: each tile is a rectangle of whole cells. A 3×3 grid has C(4,2) × C(4,2) = 36 possible rectangles; a layout is a set of them that covers all 9 cells exactly once. The total for square grids is OEIS A116694: 1, 8, 322, 70,878.
Give the product one tile that is clearly the biggest, about a third to three quarters of the canvas. The generator's "Clear hero" filter keeps only these.
Product, headline, one feature, one proof, the action. If a tile needs two jobs, the grid has too few tiles.
Eyes go top-left to bottom-right. Put the claim before the detail and the call to action last.
The CTA needs few words, so it can be small, but it gets the accent colour.
The product sits inside its tile with room around it. Gaps and corners must not cut it.
Big tiles carry the headline; small tiles carry two to four words. Never invent claims to fill a tile.
Same product, four layouts. Sample copy; swap in your own product and words in the generator.
Pick a layout, edit every tile, export a PNG, or hand it to our Art Director to write the copy and the image prompt.
Open the Bento Grid Generator