Design System · 2025
BENTO
WORLD
An asymmetric grid of crafted micro-interactions.
Scales
0×
Fonts
0t
Components
0+
Color Palette
Blue 500
Violet 500
Emerald 500
Amber 500
Red 500
Zinc 900
Type Scale
48
32
24
16
13
10
Spacing Scale
4
8
12
16
24
32
48
Components
Design Philosophy
Every pixel is intentional. This system is built on the belief that constraints create creativity — a tight spacing scale, a curated palette, and a type hierarchy that breathes. Bento grids aren't just layouts. They're communication architecture for the modern web.
Gradient System
Built for scale
and craft.
Every interaction, considered.
Stable
Tokens
A11y
Motion