Bento 19 block design & features
Bento19 is a six-card masonry bento built with Shadcn UI on a light neutral section organized into three vertical columns. Each column stacks two bordered cards with varied aspect ratios, creating a staggered height rhythm across the row. Tiles cover predictive performance, intelligent data analysis, automated task optimization, adaptive AI learning, smart decision support, and anomaly detection alerts. Visuals include scrolling rows of integration logo pills for services like Quickbooks, Instagram, and Slack, plus compact chart and dashboard UI illustrations.
Rounded bordered cards with white interiors and captions tucked inside the card footer using smaller heading and body sizes. Logo pills use brand colors and icon marks in horizontal marquee-style rows. Motion fades pill rows and chart elements in on scroll. The middle column includes one taller nine-to-ten aspect tile that breaks the otherwise similar proportions.
Modern and integration-heavy with an AI operations platform feel. The three-column masonry with mismatched card heights is more editorial than a flat grid. Elaborate relative to four-tile bentos because it packs six distinct scenes with animated logo strips.
On smaller screens the three columns collapse to a single stack while preserving each card's internal visual proportions.