Editorial & Tipografia 2020s Apple Design Language
Bento Grid
Estilo Bento Grid com layout modular organizado inspirado em caixas japonesas Bento e design Apple. Ideal para UI/UX, dashboards, portfólios e web design limpo.
Bento grid bento box modular organized compartments Apple-style clean dedicated spaces dashboard tidy
Uso: UI/UX, Dashboards, Portfólios, Web design limpo, Branding de produtos Apple
Contexto Histórico
O Bento Grid é inspirado nas caixas de almoço japonesas Bento, onde cada compartimento tem seu espaço dedicado. Popularizado pela Apple em apresentações de produtos, tornou-se padrão em UI moderna.
Especificações Técnicas
Cores
Primárias
#FFFFFF
#F5F5F7
#1D1D1F
#0071E3
Secundárias
#E8E8ED
#86868B
#000000
#34C759
Efeitos
CSS grid with varying span sizes (1x1, 2x1, 1x2, 2x2), uniform gap (12-16px), subtle rounded corners (16-20px), very soft shadows (0 2px 8px rgba(0,0,0,0.04)), smooth hover lift (translateY -2px), clean compartment borders
Light/Dark
✓ Full / ✓ Full
Relacionados
Última sincronização: 01/04/2026