Stripe — Hero
Top nav over a violet-to-peach mesh gradient; headline 'Monetize faster with Stripe Billing' beside a floating 'Choose a plan' Starter/Professional/Enterprise pricing-card screenshot.
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-hero-with-pricing-tier-product-screenshot.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #8C9DE5 |
| Accents | #8C9DE5 |
| Contrast | 2.6 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.21 |
| Measured size | 1600×1870 px |
Palette
#F4C9A8#8A6CF0#635BFF#FFFFFF
Fonts
Söhne
Page types
Detail
UI elements
Navigation BarPricing CardCard
Context
Other sections on this page
- Feature — Intro narrative on monetization complexity
- Feature — Price, meter, bill, invoice — product mockups
- Stats / Metrics — Four-up scale metrics band
- Testimonial / Social Proof — Customer case-study image cards
- Testimonial / Social Proof — Analyst recognition cards
- Feature — Key features multi-column directory
- Feature — Metronome revenue dashboard mockups
- FAQ — Billing frequently asked questions
- Feature — More resources cards
- CTA / Sign-up — Ready to get started CTA