Project 8 C - Fashion project with narrow layout and bordered header

Pro

Narrow-width fashion project layout with a centered title, a 3:2 image, a bordered metadata header, and a two-column section for narrative and credits.

Vue
Shadcn Project 8 C block

Component Data

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

Project 8 C block design & features

The block is constrained to a narrow max-width container. A centered bold uppercase title and muted subtitle lead into a centered 3:2 image within a reduced-width wrapper, both with rounded corners. A bordered separator row follows, displaying a "Creative" heading on the left and year plus location on the right. A two-column grid beneath the separator splits narrative text on the left from a credits list on the right.

The narrow container and centered image give the block a focused, editorial quality. The bordered separator row creates a clear visual break between the image and the descriptive content. The 3:2 image aspect is wider than the portrait variants, placing more emphasis on the scene composition. Entry animations are staggered across all sections. Built with shadcn/ui spacing tokens.

The aesthetic is compact and controlled, suitable for contexts where the surrounding page already provides structural framing. The two-column text section keeps narrative and credits side by side for easy scanning.

The narrow layout is inherently responsive, and the two-column text section stacks on the smallest screens.