Bento Grid

In 2022, Apple's iPad Pro and Mac Studio marketing pages introduced — or at least named, in the contemporary form — what designers immediately called the Bento layout. The visual reference is the Japanese bento box: compartments of different sizes holding distinct things, arranged for balance and visual variety. The digital version is a grid of rectangles in mixed sizes (1×1, 1×2, 2×2), each filled with one short label and one bold piece of information — a number, a phrase, a small illustration. The pattern solved two design problems at once. For marketing pages, it answered the eternal question of how to communicate ten product features without writing ten paragraphs. For interface design, it answered the question of how to make a dense page feel calm rather than cluttered.

By 2023, the Bento layout was the dominant pattern for SaaS landing pages, hardware product pages, dashboards, and case-study presentations. Vercel adopted it. Linear adopted it. Every SaaS launching that year built at least one Bento section. Within eighteen months it had become the visual default for "we have a product and we want to tell you about it" — to the point that the pattern itself started to feel like a tell. By 2025 the design conversation had moved on to lightly mocking the Bento layout for its ubiquity.

It would be easy to dismiss the Bento layout as a marketing-page trend. The deeper observation is that it represents a convergence: it is what happens when Swiss design's grid discipline meets contemporary dashboard culture meets a Japanese organising metaphor that resonates because it is genuinely good. The layout is calm because it is rigorously gridded. It is dense because each cell holds one well-curated unit of information. It is varied because cells can be different sizes. And it is modular in a way that fits how contemporary content is actually produced — as discrete features, metrics, or capabilities that need to be presented in parallel, not in narrative sequence.

The weakness is also the strength. Bento layouts are bad for content that needs to be read sequentially. They are excellent for content that needs to be scanned. They are excellent for products. They are weak for arguments. They reward features and metrics and short labels; they punish nuance and long prose. The pattern has spread because so much of contemporary digital communication is, in fact, feature-and-metric communication. But it would be a mistake to use Bento for a long-form essay, a personal narrative, or any content that depends on sequential thought. The Bento page tells you things. It does not, by design, say anything.

In its lineage, Bento is recognisably Swiss-on-screens: a 12-column grid loosened into a more visually varied compartmentalisation, dressed up with rounded corners and selective color. It inherits from the Apple marketing tradition that goes back to the 1980s but tightens that tradition into a much more programmatic pattern. And it borrows, of course, from the bento box itself — a reminder that even the most contemporary digital design pattern is often a borrowing from somewhere much older.