Bento 28 block design & features
Bento28 is a four-tile two-by-two bento on a white section, built with Shadcn UI bordered cards. Every cell follows the same structure: animated preview on top, then a colored icon beside a headline, then a supporting paragraph. Copy addresses performance optimized assets, real-time preview editing, multi-content attachment support, and brand adaptable typography.
Hairline neutral borders and roomy padding frame each card. Preview wells host distinct interface vignettes that fade and count up on scroll, including asset optimization readouts, live editing chrome, mixed media attachment layouts, and typography scale demonstrations. The four-icon accent row repeats for visual continuity across tiles.
A straightforward light feature grid in the same family as bento26 with a performance and workflow tooling angle. All tiles share identical caption hierarchy, making it a template-style block rather than an asymmetric collage. Moderate complexity through animated CSS and SVG panels only.
Stacks vertically on smaller screens with preview-above-caption order unchanged.