Bento 22 block design & features
Bento22 is a five-tile bento on a black section, built with Shadcn UI card frames. A two-column top row pairs wide photographic panels with identical intelligent data insights headlines. A three-column bottom row adds predictive analytics, automated task management, and personalized recommendations, each with a dark visual well above its caption.
Dashed white borders outline every tile against a near-black section. The top row uses cover webp imagery with a subtle scale-in on scroll. Bottom tiles mix dashboard UI: a weekly tasks card with counting percentages, a multi-ring donut chart with channel legend, and additional animated interface snippets on neutral-950 wells. White headlines sit over muted gray supporting text.
An elaborate dark analytics mosaic aimed at AI or operations products. Two tiles lean on photography while three are fully code-driven with count-up stats and chart SVG. The dashed border treatment and split photo versus UI ratio give it a more editorial collage feel than a uniform dashboard grid.
The top row stacks first, then the three smaller tiles collapse to one column with captions kept below each panel.