Inspired by Japanese bento boxes — content organized in a clean asymmetric grid of rounded cards, each box containing a distinct piece of information.
Pioneered by: Apple WWDC Keynote Slides
The signature details that make Bento UI instantly recognisable.
Asymmetric grid where cards have varying sizes
High border-radius (12–20px) on all cards
Soft pastel or monochrome card backgrounds
Generous padding inside each bento box
Minimal text — icons and visuals carry content
Bento UI works best for these industries