Bento 36 block design & features
Bento36 is a seven-tile bento on a near-black section, built with Shadcn UI rounded panels across two stacked grids. A top row spans a wide amber hero with product photography and oversized uppercase headline type beside a tall portrait accent tile. A lower band splits into a left stack of two landscape panels, a center pair of square-ish cells, and a right portrait column.
Warm amber and emerald accents contrast the dark section field. The hero tile bounces product imagery into place with springy scale motion under extrabold display lettering. Other cells include chat-bubble avatar exchanges on green pills, additional product photography, and compact branded interface scenes. Every tile animates independently on scroll with fade, scale, or pop easing.
A highly complex editorial commerce mosaic with magazine-style typography and mixed aspect ratios. Image-driven hero content pairs with code-driven chat and UI vignettes across seven cells. The oversized type and warm palette push it toward lifestyle product marketing rather than neutral SaaS grids.
Nested rows flatten to a single column on mobile while preserving each sub-grid's internal stacking order.