Bento Grid
Bento Grid landing page inspired by Japanese bento boxes and Apple's design language. Ideal for ui/ux, dashboards, portfólios, web design limpo, branding de produtos apple. AI-ready template.
Use case: UI/UX, Dashboards, Portfólios, Web design limpo, Branding de produtos Apple
Historical Context
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.
Technical Specs
Colors
Primary
Secondary
Effects
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
Related
Last synced: 4/1/2026