Stripe — Bento Grid
Stacked feature blocks each pairing copy with a crisp floating white product/checkout UI mock (payment page, shareable links, no-code form), capped by a dark 'OpenAI' testimonial card.
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-product-ui-cards-checkout-links-flexibility.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #425093 |
| Accents | #425093 |
| Contrast | 7.5 |
| Columns | 2 |
| Alignment | split |
| Whitespace | regular |
| Density | 0.231 |
| Measured size | 1600×2228 px |
Palette
#FFFFFF#F6F9FC#635BFF#0A2540
Fonts
Söhne
Page types
Detail
UI elements
CardForm
Context
Other sections on this page
- Hero — Gradient diagonal hero with floating checkout card
- Feature — Four-up icon feature row
- Gallery / Showcase — Video/imagery showcase with quote
- Feature — AI-powered payments optimization with charts
- Feature — Advanced payments capabilities + Slack CTA
- Feature — Reliability and compliance two-column
- Testimonial / Social Proof — Forrester Leader + Shopify quote band
- Steps / How-it-works — Developer-centric dark code block
- Pricing / Plans — Pricing for businesses of all sizes