Project 8 B - Fashion project with side-by-side image and text

Pro

Centered title and subtitle above a two-column layout pairing a 4:5 portrait image on the left with narrative text and credits on the right.

Vue
Shadcn Project 8 B block

Component Data

  • ID:project8b
  • Access:pro
  • Created:Oct 1, 2025
  • Type:block

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.