Stripe — Pricing / Plans
Two-card pricing comparison layout with left-aligned Standard tier and overlapping dark Custom tier card. Headline uses bold sans-serif typography. Tab navigation below cards (Standard pricing, Custom pricing, FAQs) for additional content switching. Gradient background accent (magenta-to-yellow) wraps the right side and extends down the page.
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-diagonal-blue-gradient-hero-with-layered-dashboard-mock.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #514D84 |
| Accents | #514D84 |
| Contrast | 7.65 |
| Columns | 1 |
| Alignment | left |
| Whitespace | regular |
| Density | 0.225 |
| Measured size | 1600×1585 px |
Palette
#0F172A#6366F1#EC4899#FBBF24#FFFFFF
Fonts
Söhne
Page types
Detail
UX patterns
Pricing ToggleTabs
UI elements
CardPricing CardTabsButton
Context
Other sections on this page
- Pricing / Plans — Stripe platform pricing overview with product categories
- Feature — Global payments with product cards and pricing details
- Feature — Payment products with pricing and feature details
- Pricing / Plans — Stripe payment products pricing and features
- Feature — Financial services product features with pricing details
- Feature — Multi-feature comparison with pricing and CTAs
- Feature — Issuing and card services pricing with tiered features
- Pricing / Plans — Multi-product pricing with feature benefits and tiered plans
- Pricing / Plans — Two-product pricing with subscription tiers and feature highlights
- Pricing / Plans — Multi-product pricing plans with feature tiers
- Pricing / Plans — Product add-ons and services pricing cards
- Feature — Four-column feature cards with icons and support callout
- FAQ — Expandable FAQ accordion with company case studies
- Footer — Multi-column footer with products, solutions, resources, and support links