Project 2 block design & features
The block starts with a very large serif title that spans two lines, followed by a three-column metadata row displaying year, category, and client in uppercase small text. A full-width image in a 16:10 aspect container sits below the metadata. Beneath the image, a centered content area contains an uppercase section heading, a large light-weight summary sentence, a detailed body paragraph, and a shadcn/ui outline Button with an arrow icon. All content props are configurable through the component interface.
Styling is minimal and typographically led. The serif title at up to 9xl scale creates a strong opening statement, while the metadata row uses muted foreground and wide tracking for a subdued contrast. The image occupies the full container width without borders or rounded corners. Body text uses relaxed line height in muted foreground, and the summary sentence is rendered in a larger light weight.
The aesthetic is clean and editorial with a focus on large type and open space. There are no animations or hover effects, keeping the block entirely static and straightforward.
The metadata columns collapse from six to three on smaller screens, and the title scales down through responsive text sizes.