Bento 11 block design & features
Bento11 is a five-tile bento built with Shadcn UI on a light neutral section using a six-column asymmetric grid. The top row holds two equal half-width cards with three-to-two visuals above headings and paragraphs: the first is a cover photograph, the second an animated bar chart with a count-up total and date axis. The bottom row spans three equal two-column tiles showing a photographic panel, a compact UI widget with animated bars, and another cover image.
Rounded bordered cards with white interiors and neutral gray visual wells. Photographic tiles scale in gently on scroll. The chart tile uses blue filled bars against pale track columns with a large headline statistic. Headings are slightly smaller than the two-by-two bentos above, keeping the bottom row denser.
Balanced and health-tech leaning without feeling clinical. The asymmetric three-over-two layout is more varied than a uniform grid, and mixing photography with live chart animation adds credibility. Moderate complexity with a blend of image-driven and code-driven tiles.
The grid collapses to a single column on smaller screens, preserving visual-then-caption order in every card.