Bento 41 block design & features
Bento41 is an asymmetric bento built with Shadcn UI on a black section, arranged in an eight-column grid. The wider left span holds a wide productivity headline card with an invite pill and cloud icon, plus a two-column row beneath with an automation workflow panel showing email trigger steps and a social analytics card with a drawing area chart, counting likes stat, and a cursor-following Instagram tooltip. The narrower right column is a single bordered panel stacking a full-width product screenshot above a CTA block with supporting copy and a Get Started button.
Dark bordered cards, frosted nested panels, and white plus gray two-tone headlines keep the palette restrained. The area chart line draws on scroll, the likes counter animates up, a dot loops along the chart path, and a loader icon spins continuously in the analytics tile. Tight three-pixel gaps between tiles create a dense mosaic compared with more spacious bentos.
The feel is developer tooling or AI-assisted productivity: workflow UI beside live social metrics rather than generic marketing tiles. The right-column CTA sidebar is a structural differentiator from symmetric grids. This is a moderately elaborate block blending screenshot imagery with animated chart and workflow mockups.
On smaller screens the left mosaic and right sidebar stack vertically, with the inner two-column row becoming a single column.