Preview image. Unlock full-res
Dark success-stories section with one wide featured case-study card and two narrower logo-photo cards in a scrolling row.
Summary
A dark social-proof section framed as "Success stories": one wide featured case-study card with a customer photo and logo, followed by two narrower partner cards in a scrollable row.
Visual description
On a near-black background with faint hexagons in the left margin, a bold white "Success stories" headline sits above a short muted subhead. Below, a wide rounded card shows a dimmed photo of people at a desk overlaid with the Google wordmark top-left and a two-line title "Transforming FlutterFire: The Official Firebase SDK for Flutter" lower-left, with a "Read case study" link and a thin underline. To its right sit two narrower portrait cards: a grayscale Canonical photo card and a widgetbook photo card that is clipped at the right edge, indicating the row scrolls. Each card centers a customer logo over a desaturated workplace photo.
Key takeaway
Anchoring a case-study carousel with one oversized featured card and a trailing strip of narrower logo-photo cards, so the marquee story leads while other proof points wait one swipe away. Desaturating the photos and centering customer logos keeps a mixed set of images visually consistent.
Reuse notes
Use to present customer success stories or case studies when one flagship win deserves more weight than the rest. The clipped trailing card signals scroll on wide screens; add controls for touch. Works best on dark with grayscale photography; full-color covers would fragment the look. Despite the source "Testimonials" tag, this is case-study proof rather than pull-quotes.
