Bento Grid

ベントーグリッド / 2020s / Layout / Information Design

Divides different kinds of information into independent boxes, giving the whole picture at a glance.

Cards large and small / Aligned gutters / One-screen summary / Modules

ベントーグリッドの実例集(bentogrids.comより引用)

Dictionary entry

Best used for
Presenting many features as one story · Staying friendly while keeping density
Type
A plain sans; oversize the numbers and short headings
Composition
Tile large and small cards on four to six columns
Material
Vary each card's role; keep decoration inside the cards
Caution
Not every card equal. Vary area and density by importance.
Further study
modular dashboard layouts / product storytelling grids

Related entries

Source: Apple Developer — MosaicLayout

Back to index position