Bento grid · Swiss
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 · Swiss9 / 20
Tiles divided by 1 px rules instead of gaps, numbered 01 to 06 with a giant red hero numeral; selection inverts to black.
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.
bentogridtilesdashboardlayoutfeaturesoverview