Project 8 B block design & features
The block opens with a centered bold uppercase title and muted subtitle. Below, a two-column grid places a tall 4:5 portrait image in a rounded container on the left alongside the content section on the right. The content includes a "Creative" heading, year and location, two body paragraphs, and a seven-person credits list. All three sections (header, image-text pair) animate in with staggered fade-in-up transitions.
The 4:5 portrait aspect ratio creates a tall, narrow image that is vertically aligned with the adjacent text content. The two columns use center alignment on large screens, keeping the image and text visually balanced. The portrait orientation suits fashion and editorial imagery.
The side-by-side layout differentiates this variant from the stacked versions, presenting image and narrative in a single scanning pass. The block is minimal in structure with no interactive elements beyond entrance animations. Built with Shadcn UI tokens.
On smaller screens the two-column layout stacks vertically with the image appearing first.
