Project 5 D block design & features
The block is constrained to a narrow max-width container. It opens with a horizontal accent line, a studio label, a normal-weight title, and a short description. A 4:3 main image follows, then a four-column metadata row (museum, year, medium, status) in small uppercase text. A second image at 3:2 aspect and a third at 16:9 aspect are stacked below. An artistic vision heading and paragraph appear between the images. The block closes with a full-width shadcn/ui Button styled with inverted foreground and background colors.
Images are rendered without rounded corners, sitting flush within the narrow column. The four-column metadata row provides a compact factual strip. The accent line and studio label match the visual language of the wider exhibition variants. Entry animations use staggered fade-in-up variants throughout.
The narrow-column layout creates a scrollable, magazine-like reading rhythm suited to single-focus content. The full-width button at the bottom serves as a strong closing call to action. The block is vertically oriented and straightforward in structure.
On mobile the four-column metadata row splits into a two-by-two grid and the images maintain their full column width.