Stripe — Gallery / Showcase
A horizontal gallery showcasing customer stories as richly illustrated cards in a grid layout. Each card displays a brand logo, background imagery, and a "Read story" or "Watch video" call-to-action link. The layout pairs a large hero headline and descriptive body copy on the left with stacked customer cards on the right.
This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/stripe-gradient-diagonal-hero-with-floating-checkout-card.
Measured spec
| Scheme | light |
| Background | #F5F9FC |
| Text | #3B3C68 |
| Accents | #A26F63, #3B3C68 |
| Contrast | 9.76 |
| Columns | 2 |
| Alignment | split |
| Whitespace | dense |
| Density | 0.423 |
| Measured size | 1600×821 px |
Palette
#FFFFFF#0C1F38#F4D46F#E82F8F#8B3FD4#2D2D2D
Fonts
Söhne
Page types
Detail
UX patterns
Gallery / ShowcaseSocial Proof
UI elements
Card
Context
Other sections on this page
- Gallery / Showcase — Customer story cards carousel
- Gallery / Showcase — Company logos and customer stories carousel
- Feature — How we built instant payouts with Lyft case study
- Gallery / Showcase — Customer stories gallery with segmented filter
- Gallery / Showcase — Customer case study cards grid
- Feature — Payment solution benefits with dual-column checklist
- Gallery / Showcase — Product and payment flow showcase with fraud analytics dashboard
- CTA / Sign-up — Ready to get started with three-column value prop layout
- Footer — Multi-column footer navigation with product, solution, and resource links