Project 2 B block design & features
The block uses a twelve-column grid where the title occupies eight columns and a metadata sidebar fills the remaining four. The title is set in a monospace typeface with wide tracking, while the sidebar contains year, category, and client stacked vertically behind a left border. A full-width 3:2 aspect image with an optional uppercase caption follows. Below the image, a second twelve-column split places a small overview heading in three columns and description content with a shadcn/ui outline Button in the remaining nine.
Metadata in the sidebar uses extra-small uppercase labels in muted foreground, with foreground values below each. The monospace title creates a technical, design-system quality distinct from the serif variants in related blocks. The left border on the sidebar provides a subtle vertical rule that visually separates metadata from the title. The image caption is rendered in uppercase tracked muted text.
The result is a structured, grid-heavy layout with a technical typographic voice. All content fields accept props, and no animations are included.
On smaller screens the twelve-column grid collapses so the title and sidebar stack vertically, and the description split follows suit.