Project 5 block design & features
The header splits into two columns on large screens. The left column holds a bold title and a descriptive paragraph. The right column presents five metadata rows (studio, museum, year, category, exhibition) as bordered label-value pairs, with the last row using a shadcn/ui link-style Button. A full-width hero image in a 16:9 rounded container follows, overlaid with a faint background wash. A two-column image grid shows two additional photos, also in rounded containers with overlays. A closing section pairs an "Artistic Vision" heading on the left with a body paragraph on the right.
Entry animations use staggered fade-in-up variants across header, main, and footer sections. Images receive a very subtle foreground overlay at 5% opacity. The metadata table uses bordered rows with muted-foreground labels on the left and foreground values on the right.
The aesthetic is gallery-like and minimal, with restrained typography and consistent image treatment. The metadata table provides quick context without disrupting the visual flow. Built with Shadcn UI tokens.
On mobile the header and closing section stack vertically, and the two-column image grid collapses to a single column.