Skip to content
UIGrammer
EN 中文

Glossary · 04

Bento Grid

A bento grid is a layout of rounded, mixed-size tiles packed edge to edge in a tidy grid, like compartments in a bento lunch box.

A layout pattern where content sits in rounded rectangular tiles of varying spans — some wide, some tall, some small — packed edge to edge with consistent gutters. Popularized by Apple’s marketing pages; ideal for dashboards and feature summaries.