Bento 54 block design & features
Bento54 is an asymmetric bento built with shadcn/ui on a black section, laid across a four-column grid with mixed spans. A narrow first tile centers a Simple analytics headline with a counting 1.5k newsletter stat in a nested dark well. A two-column-wide second tile shows Boosting Business copy above a Gantt-style timeline with month headers, project bars, and a bobbing cursor on a highlighted Landing Page row. A narrow third tile presents Easy collaboration with five overlapping avatars inside pulsing concentric rings. The final row spans two tiles: Real-time accounting with floating balance and invoice list panels, and Optimise expense Management with world map connection arcs, traveling dots, city ripples, and an Explore more CTA.
Near-black card shells, hairline white borders, large white typography, and blue ripple accents on the map keep the finance and team-collaboration theme cohesive. The subscriber count animates up on scroll, timeline bars reveal left to right, avatar rings pulse continuously, map dots loop along arcs, and frosted accounting panels slide in. The layout alternates narrow stat or social tiles with wide operational visuals.
The block reads as enterprise finance or team operations software with proof-style metrics and planning UI. The Gantt timeline plus accounting panels give it more business specificity than a generic feature grid. Complexity is elaborate and mixed, combining counting stats, timeline graphics, avatar animation, and a full map SVG.
Irregular column spans collapse to a single column on smaller screens while preserving each card's rounded shell and headline hierarchy.