Stripe — Feature
This screen displays payment analytics and insights to help users make data-driven decisions about their payment performance and revenue. The layout features a two-column split: the left column contains value-proposing copy about unlocking actionable insights, while the right side shows a tabbed analytics interface with key metrics cards (payment success rate, accepted payments, accepted volume) and a line chart comparing current vs. previous period performance across payment lifecycle metrics.
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-analyst-recognition-cards.
Measured spec
| Scheme | light |
| Background | #FFFFFF |
| Text | #D3D5E2 |
| Contrast | 1.46 |
| Columns | 2 |
| Alignment | split |
| Whitespace | airy |
| Density | 0.123 |
| Measured size | 1600×1097 px |
Palette
#FFFFFF#6366F1#E8EAFF#0F172A#8B5CF6
Fonts
Söhne
Page types
Detail
UX patterns
Stats / KPIsTab Bar NavigationPricing Toggle
UI elements
CardTabsChartBadge
Context
Other sections on this page
- Hero — Payments hero with checkout overlay
- Feature — Three-column feature comparison with checkout flows
- Testimonial / Social Proof — A/B testing and checkout configuration
- Gallery / Showcase — Commerce solution marketing page
- Feature — AI-powered payment optimizations product features
- Testimonial / Social Proof — Customer case study with metrics and logo wall
- Testimonial / Social Proof — Featured customer testimonial with dark overlay card and logo wall
- Feature — Developer documentation with tabbed code examples
- Pricing / Plans — Two-tier pricing with standard and custom options
- Gallery / Showcase — Three-card resource gallery with blog and customer story