Bento 23 block design & features
Bento23 is a four-tile two-by-two bento on a black section, built with shadcn/ui bordered cards. Each cell alternates whether the headline and paragraph sit above or below the visual panel. Topics cover context-aware AI responses, workflow optimization, smart resource allocation, and automated data cleansing.
Dashed white borders frame dark neutral wells inside every tile. Two cells lead with webp cover imagery beneath the copy, while the other two open with text before the visual. Headlines use regular weight white type over muted supporting lines. Imagery fades in on scroll without heavy motion elsewhere.
A moderate dark AI workflow grid whose main distinction is the flipped caption rhythm rather than wildly different tile content. The alternating text placement creates visual variety within an otherwise symmetric two-by-two structure. Mixed content-driven tiles relying on swapped webp assets plus static interface panels.
On smaller screens the grid becomes a single column while preserving each card's internal caption order.