Bento 47 block design & features
Bento47 is a multi-span bento built with Shadcn UI on a black section, using an uneven thirteen-column grid of six labeled feature cards. A wide top-left tile leads with Smart Process Automation copy above a process automation UI mockup. Beside it, a narrower card shows Data-Driven Strategy Support with a share-link panel, social icons, and a mini bar chart below the visual. The second row mixes Instant Performance Benchmarking with an integration notification diagram, Unified Intelligence Dashboard with AI assistant chips and toggles, Personalized Recommendations with a full-bleed UI image, and a standalone Built for Collaboration card with logo and teamwork copy.
Each card uses a rounded shell, hairline white border, white headline, muted description, and a near-black media well for the visual portion. Text headers sit above or below the mockup depending on the tile, breaking the usual image-only bento pattern. Staggered icon pop-ins, bar fills, blinking cursors, and fade-up image entrances provide scroll-driven motion without overwhelming the grid.
This is an elaborate AI operations or analytics showcase where readable feature labels matter as much as the visuals. The labeled card structure makes it more scannable than anonymous dashboard tiles. Complexity is high and mixed, combining reused dashboard components, share UI, and cropped assistant mockups across six distinct spans.
On smaller screens the irregular column spans collapse into a single stacked sequence while preserving each card's bordered frame and headline block.