Hero 165 - Split hero with tri-image lattice and large headline

Pro

A two-column hero with an aspect-ratio lattice of three rounded photo panels opposite an oversized headline and supporting copy, without buttons in the default markup.

Shadcn Hero 165 block

Component Data

  • ID:hero165
  • Access:pro
  • Created:Dec 16, 2024
  • Updated:Jun 8, 2026
  • Type:block

Hero 165 block design & features

Hero165 is a typographic-forward split hero built with shadcn/ui. One side wraps an intricate grid inside a master aspect-ratio frame: three rounded tiles with muted backgrounds and percentage-based gutters so the collage feels editorial. The other side pairs a very large sans heading with a second supporting line at a slightly smaller scale, with no CTA in the stock component so the story stays visual.

Whitespace and grid math dominate the look; animation is absent. Muted panel backgrounds behind crops add separation without heavy borders.

Reads more design-studio or brand refresh than dense product UI. Elaboration comes from supplying art-directed photography that aligns to the lattice slots.

The lattice and copy stack vertically on mobile with imagery leading or following depending on reading order.