Bento 15 block design & features
Bento15 is a three-tile bento built with Shadcn UI on a dark section using an eight-column grid. The top row pairs a wide five-column emotion-based voice delivery tile with a narrower three-column script-to-speech automation card, each with a visual panel above its caption. A full-width bottom tile spans all eight columns with an ultra-wide sixteen-to-five visual and a caption for multi-format audio export. The lead tile overlays a background photograph with floating stat cards, animated count-up numbers, and navigation icons.
Dark bordered cards on a dark page background. The emotion tile layers translucent UI elements over photographic depth. Container-query scaling keeps typography proportional inside each panel. Count-up animations trigger when tiles enter the viewport.
Polished and production-oriented with a broadcast or narration studio tone. The panoramic bottom export tile gives this a more cinematic proportion than standard bentos. Moderate complexity with one image-driven hero tile and two UI-forward panels.
The layout stacks to one column on smaller screens, with the full-width export tile maintaining its wide aspect ratio.
