Bento 24 block design & features
Bento24 is a four-tile bento on a black section, built with Shadcn UI dashed-border cards arranged in two offset vertical stacks. The left column pairs a shorter cross-platform intelligence sync tile above a taller AI decision engine panel. The right column mirrors the rhythm with automated trend detection on top and instant data visualization below.
Each tile places a dark interface well above a white headline and clamped two-line description. Aspect ratios alternate between squarer and wider frames so the two columns feel staggered rather than mirrored. Panels include layered UI cards with icon toolbars, colored classification pills, voice search chips, and chart placeholders that slide in on scroll.
A moderate-to-elaborate dark analytics layout where the offset column heights are the primary compositional hook. Complexity is code-driven across all four cells with no reliance on hero photography. The clamped captions keep row heights even despite varying panel proportions.
Collapses to a single column on mobile, keeping each stack's top-to-bottom order intact.