Bento 38 block design & features
Bento38 is a two-column bento built with shadcn/ui, set on a dark charcoal section. A tall portrait tile on the left stacks three oversized FASHIONS headlines over a full-bleed fashion photo with a purple starburst accent. The right column holds five smaller tiles in nested rows: a cutout figure on pink with expanding purple bars, three horizontal color bands in purple pink and lime, a gray-framed editorial photo, a solid purple card with a spinning decorative icon, and a white tile with a concentric ring graphic and a Define Your Style Story headline.
The palette is bold and editorial, leaning on deep purple, soft pink, and lime green against dark neutral wells. Scroll-triggered entrance animations drive most of the motion: photos zoom and slide, pill bars expand, icons spin in, and typography layers from left and right. Rounded card shells and generous gaps between tiles give the grid a magazine-spread rhythm rather than a uniform dashboard feel.
This reads as a fashion or lifestyle brand collage with an expressive, art-directed mood. The repeated FASHIONS lettering and hollow-stroke type treatment are the distinctive hooks, making it more editorial than a typical product feature grid. Complexity is moderate and mixed: some tiles are image-driven while others rely on CSS color blocks and animated SVG accents.
On smaller screens the layout stacks to a single column while preserving each tile's aspect framing and scroll animations.