Projects 2 - Editorial project showcase with large images

Pro

Stacked project entries in a 4/8 column split with uppercase titles, descriptions on the left and large bordered images on the right.

Shadcn Projects 2 block

Component Data

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

Projects 2 block design & features

The block presents three projects in a vertically stacked list beneath a large serif heading. Each entry uses a 12-column grid split 4/8, with a text column containing a bold uppercase title and a relaxed-leading description, and an image column holding a 4:3 bordered photograph.

Typography is a defining feature: the page heading uses a serif font at display size with wide tracking, while project titles switch to a bold sans in small uppercase. The contrast between the two typefaces gives the layout a magazine editorial quality. Generous vertical spacing between entries reinforces the unhurried pacing.

The overall approach is static and image-forward with no animations or hover states. The thin border around each image and the generous whitespace create a gallery-catalog aesthetic that prioritizes clean presentation over interactivity.

On smaller screens the grid collapses so the image appears above the text for each entry, maintaining the same generous vertical rhythm.