Stripe — Pricing / Plans
Vertical stack of three distinct product pricing sections, each with monthly and annual subscription options presented side-by-side. Each product features a header with title, description, and CTA button, followed by plan cards with pricing details, benefit checkmarks, and trial CTAs. The layout uses consistent hierarchy with product names, feature callouts, and a "More" divider between sections.
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-new-lines-of-business-three-product-cards.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #BDC1D6 |
| Contrast | 1.79 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.101 |
| Measured size | 1600×3890 px |
Palette
#FFFFFF#6366F1#F3F4F6#1F2937#818CF8
Fonts
Söhne
Page types
Detail
UX patterns
Pricing ToggleStats / KPIs
UI elements
Pricing CardBadgeButton
Context
Other sections on this page
- Pricing / Plans — Dual pricing model with Standard and Custom tiers
- 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 — 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