Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
No items found.
Added on
January 12, 2026

Composer Pricing Page Structure

Clean Pricing That Actually Communicates

Composer's pricing page nails the basics. Dark header with a bold "Pricing" headline and those playful geometric blocks underneath add just enough personality without trying too hard. The three-tier layout below is dead simple to scan: free tier on the left, $32/mo Trading Pass in the middle, and a business tier on the right. No visual clutter.

Typography Does the Heavy Lifting

The type hierarchy here is really well handled. Plan names are large and confident, prices sit right underneath, and the feature lists use consistent bullet points with green dots. You can compare tiers in seconds. The "Save 20%" badge on the yearly toggle is subtle but effective. Not screaming at you.

Smart Use of Negative Space

What stands out is how much room everything gets to breathe. The FAQ accordion section below feels almost generous with its spacing. Those two big CTA blocks at the bottom, "Open account" and "Book a call," are impossible to miss with their full-width dark treatment and arrow icons. It's a layout that respects the reader's attention instead of fighting for it.
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