Stripe: Checkout — order summary, promo & wallets

Fintech · Checkout

Stripe-hosted Checkout, pristine state: collapsible order summary with promo code (SAVE10) and tax line, Apple Pay wallet shortcut above the fold, empty shipping + payment form. Captured from Stripe's public Checkout demo (checkout.stripe.dev), test mode.

Open in Mozaika →

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-checkout-order-summary-promo-wallets.

Palette

Fonts

Page types

UX patterns

UI elements

Context

• All of Stripe

More from Stripe

• Pricing / Plans — Product add-ons and services pricing cards
• Feature — Financial services product features with pricing details
• Gallery / Showcase — Customer case study cards grid
• Gallery / Showcase — Customer stories gallery with segmented filter
• Feature — Payments analytics dashboard with key metrics and line chart
• Feature — Developer documentation with tabbed code examples
• Billing platform product marketing page
• Feature — Global payments with product cards and pricing details
• Checkout — every payment method expanded
• Checkout — filled, ready to pay (test mode)
• Feature — Multi-panel feature showcase with usage meter and invoice examples
• Pricing / Plans — Two-product pricing with subscription tiers and feature highlights