Bento grid

A bento grid is a composition of differently sized cards arranged into a compact, coordinated group.

Browse more examples →
From the collection

What it means

The name recalls the compartments of a bento box. A larger cell can carry the main idea while smaller cells introduce supporting features or projects. The arrangement works best when the sizes reflect content priorities rather than making every feature equally loud.

Use it in practice

Give each card one clear idea and use its size intentionally. Plan how the reading order works when the grid becomes a single column.

Watch out for

Avoid squeezing unrelated content into mismatched rectangles simply to complete a pattern. Small text inside decorative cards often suffers first.