Case Studies 18 - Three Quote Studies With Metrics

Pro

Three left-aligned customer quotes with portraits, company logos, and one outcome metric in a muted box.

Shadcn Case Studies 18 block

Component data

ID
case-studies18
Access
pro
Created
Sep 24, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

Case Studies 18 block design & features

CaseStudies18 is a shadcn/ui case-study list with a left-aligned eyebrow and heading above three rows. Each row pairs a portrait and a quote with a name, role, and company logo, then one large outcome number.

Every row keeps the portrait and quote on the left. One outcome number sits in a light muted box on the right. The heading is left aligned with the rows.

The type and spacing follow a quiet testimonial layout. Portraits are tall and rounded, the quote is the largest line in the row, and the metric uses a large numeral over a short label. Complexity is moderate and content-driven: each row needs a portrait, a quote, a person, a logo, and one metric.

On small screens each row stacks the portrait, the quote, and the metrics box.