Bento Design

Cards that
tell a story

A layout where size does the talking. The bigger the block, the more important the idea. No labels needed — you just know.

Made to be scanned
You understand the hierarchy before you read a single word.
0
Sweet spot
Seven to nine cards — everything breathes.
Asymmetry on purpose
Different sizes create rhythm. Same sizes create noise.
Alive with motion
Subtle animations make it feel like a living product, not a static mockup.

The layout should answer "what matters most?" before anyone has to ask.

— The principle behind every great bento grid

Works for anything
SaaS Portfolio Dashboard
Build yours today
Get the skill