Case Studies 15 block design & features
CaseStudies15 is a shadcn/ui case-study grid with a left-aligned eyebrow, heading, and text link above six cards. Each card is a cover photograph with a large outcome number, a category badge, a client name, a headline, and a short description. The grid is one column on small screens, two columns on medium screens, and three columns on large screens.
Covers use a bottom gradient so the metric stays readable on pale architecture photos. The badge sits on a solid background surface. Cards have a hairline border that shifts toward primary on hover, and the photograph scales slightly. The heading is large and the card copy stays compact.
The block is a proof-led portfolio grid with a corporate, restrained tone. It is content-driven: each card needs a photograph, a metric, a label, and a few lines of client copy. Complexity stays moderate because the layout is a static grid with one hover treatment.