Designedย by
No items found.
Subject


Bookmark
Bookmark
Category
Patterns
Tech Stack
Added on
November 22, 2023

Mintlify Plans Structure

Clean Pricing That Doesn't Overwhelm

First thing you notice is the green. It's used sparingly but with intent. That Startup plan card has a subtle green dashed border that immediately pulls your eye to the middle tier. Classic anchoring done well. The green "Upgrade" button seals the deal. Everything else stays neutral.

Layout That Does the Thinking for You

Three-column pricing grid, nothing revolutionary, but the execution is tight. Each tier escalates logically: Free, Startup at $120/month, then Custom for Enterprise. The feature lists use small green checkmarks that create a satisfying visual rhythm as you scan down. The "Annually/Monthly" toggle up top is clean with that filled green pill state. Notice how the info banner about the Startup trial sits right above the cards. Smart placement. It adds urgency without being aggressive.

Typography and Restraint

The type hierarchy is solid. Big bold price numbers, lighter descriptors underneath. Nothing fights for attention. The left sidebar keeps navigation minimal with just five items. What stands out here is how much breathing room everything gets. Generous whitespace makes a dense billing page feel calm.
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