Bento grid · High Contrast

A six-tile bento layout (hero, stat, progress ring, bar chart, team and call-to-action tiles) where each tile is a selectable button.

Design · High Contrast20 / 20

3 px black frames, 14 px minimum text and a thick outline plus a check mark on the selected tile.

Motion

Tiles rise into place one after another in reading order, 60 ms apart.

Accent

A six-tile bento layout (hero, stat, progress ring, bar chart, team and call-to-action tiles) where each tile is a selectable button.

Category
Layouts
Designs
20
Motions
Stagger, Pop, Spotlight
Released
2026-11-16
bentogridtilesdashboardlayoutfeaturesoverview

All 20 designs

tap to preview above

Related components

More layouts →