Stripe — Hero
Top nav over a left-aligned headline 'Unified, global payments to grow your revenue' with CTA buttons, next to a floating white product UI card; a diagonal violet-to-cyan gradient ribbon slices across the right side.
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#6A5BF7#3ECFE0#0A2540
Fonts
Söhne
Page types
Detail
UI elements
Navigation BarCardBadge
Context
Other sections on this page
- Feature — Four-up icon feature row
- Bento Grid — Product UI cards: checkout, links, flexibility
- 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