Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Tech Stack
Added on
April 23, 2024

Pitch Checkout Structure

Dark Mode Checkout Done Right

Pitch nails the business plan upgrade flow here. The dark background makes everything feel premium without trying too hard. What grabs you first is that purple accent on the order summary card on the right. It's just a thin gradient bar at the top but it pulls your eye straight to the pricing breakdown.

Two-Column Layout That Actually Works

Left side handles all the input heavy lifting. Organization, location, billing, payment. Right side stays fixed with your order summary and that satisfying "Due today โ‚ฌ96.80" at the bottom. The hierarchy is clean. Bold white section headers like "Your location" and "Your company" break the form into digestible chunks so it doesn't feel like a wall of fields. Smart move putting the billing cycle toggle as big tappable buttons with that filled purple state on "Pay monthly."

Small Details Worth Stealing

The credit card brand icons inline with the card number field feel polished. The VAT number field marked as optional with an info icon shows they thought about their European audience. That warning at the bottom, "Your information is incomplete," is subtle but effective. No aggressive red. Just a quiet triangle icon and gray text. Respectful.
Similar screens

Upgrade to SaaSFrame Pro now to see similar examples.

Monthly

$18 /month

Billed $18 monthly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Quarterly

$16 /month

Billed $48 quarterly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now

Yearly

$15 /month

Billed $180 yearly
Browse all screens & flows
Filter and search screens & flows
Search text in screenshots
Access Figma files
Access mobile versions
Join now