Skip to content
BestSaaSWebDesigns

Pricing — 161 examples — page 2 of 5

161 SaaS website pricing page & section design examples

Pricing is where intent meets friction. These examples show how the best SaaS products present plans — making tiers easy to compare, guiding toward a recommended option, and answering objections right where they arise.

SaaS website pricing page & section design examples gallery

flora.ai/
Flora pricing design — Graphics & Design
Flora— PricingGraphics & Design
beside.com/
Beside pricing design — Sales & Support
Beside— PricingSales & Support
readme.com/
Readme pricing design — Developer Tools
Readme— PricingDeveloper Tools
aira.app/
Aira pricing design — Sales & Support
Aira— PricingSales & Support
peec.ai/
Peec pricing design — Marketing
Peec— PricingMarketing
firecrawl.dev/
Firecrawl pricing design — Developer Tools
Firecrawl— PricingDeveloper Tools
rootly.com/
Rootly pricing design — Developer Tools
Rootly— PricingDeveloper Tools
blacksmith.sh/
Blacksmith pricing design — Infrastructure
Blacksmith— PricingInfrastructure
trymemoir.ai/
Trymemoir pricing design — Marketing
Trymemoir— PricingMarketing
tryreplicas.com/
Tryreplicas pricing design — Developer Tools
Tryreplicas— PricingDeveloper Tools
tester.army/
Tester pricing design — Developer Tools
Tester— PricingDeveloper Tools
graphite.com/
Graphite pricing design — Developer Tools
Graphite— PricingDeveloper Tools
polar.sh/
Polar pricing design — Finance
Polar— PricingFinance
productbridge.io/
Productbridge pricing design — Sales & Support
Productbridge— PricingSales & Support
usecardboard.com/
Usecardboard pricing design — Graphics & Design
Usecardboard— PricingGraphics & Design
pollyreach.ai/
Pollyreach pricing design — Sales & Support
Pollyreach— PricingSales & Support
mailwarm.com/
Mailwarm pricing design — Marketing
Mailwarm— PricingMarketing
appwrite.io/
Appwrite pricing design — Developer Tools
Appwrite— PricingDeveloper Tools
onuniverse.com/
Onuniverse pricing design — Graphics & Design
Onuniverse— PricingGraphics & Design
descript.com/
Descript pricing design — Productivity
Descript— PricingProductivity
acctual.com/
Acctual pricing design — Finance
Acctual— PricingFinance
notion.com/
Notion pricing design — Productivity
Notion— PricingProductivity
tatem.com/
Tatem pricing design — Productivity
Tatem— PricingProductivity
supademo.com/
Supademo pricing design — Marketing
Supademo— PricingMarketing
semrush.com/
Semrush pricing design — Marketing
Semrush— PricingMarketing
statsig.com/
Statsig pricing design — Analytics
Statsig— PricingAnalytics
rive.app/
Rive pricing design — Graphics & Design
Rive— PricingGraphics & Design
coda.io/
Coda pricing design — Productivity
Coda— PricingProductivity
dub.co/
Dub pricing design — Marketing
Dub— PricingMarketing
gusto.com/
Gusto pricing design — HR
Gusto— PricingHR
deel.com/
Deel pricing design — HR
Deel— PricingHR
pleo.io/
Pleo pricing design — Finance
Pleo— PricingFinance
krea.ai/
Krea pricing design — AI
Krea— PricingAI
grafana.com/
Grafana pricing design — Infrastructure
Grafana— PricingInfrastructure
temporal.io/
Temporal pricing design — Infrastructure
Temporal— PricingInfrastructure
tailscale.com/
Tailscale pricing design — Infrastructure
Tailscale— PricingInfrastructure

About pricing

Most pricing pages that convert well use three tiers, not two or five — three gives a visitor a middle option to anchor on (priced and featured as the intended default) without the decision fatigue of comparing five nearly-identical rows of checkmarks. The visual treatment of that middle tier (a taller card, a border, a 'most popular' label) is usually the single highest-leverage design decision on the whole page, since it directs where undecided visitors land by default. Annual/monthly toggles need to be genuinely easy to use, not a trick — burying the better price behind a toggle a visitor has to find erodes exactly the trust the page is trying to build. And a short, specific FAQ placed directly beneath the tiers (refunds, seat limits, what happens if you exceed usage) resolves the exact hesitations that stop someone at the point of decision, which is why pricing and FAQ sections are so often paired on the same page rather than separated.

What makes a great one

  • Plans that are easy to compare at a glance
  • A highlighted or recommended tier
  • Clear monthly/annual toggles and what each plan includes
  • FAQs or guarantees that defuse hesitation

Related

FAQ sectionsCTA sectionsFinance & fintech designs

From the blog

8 Real SaaS Pricing Pages, and the Patterns Actually Worth Copying

A close look at how Notion, Sentry, Semrush, Superhuman, Gusto, Tailscale, Ramp and ElevenLabs actually structure their pricing pages — not generic pricing-page advice, but what's really on each page and why it works.

The 30 Best SaaS Websites in 2026 (Reviewed From Real Screenshots)

Thirty SaaS websites reviewed at equal depth from screenshots we captured ourselves — what's above the fold, the one section each does unusually well, and the stack, palette and typefaces behind it. With a stated selection method, not a handpicked vibe check.

24 Product Landing Page Examples, Measured Fold to Footer

Twenty-four product landing pages read start to finish from our own screenshots — what's in the fold, where the logo strip actually sits, how the page closes, and how long each one really runs, in pixels.

Frequently asked

Should a SaaS pricing page show a free tier?
It depends on the go-to-market motion. Self-serve, high-volume products benefit from a genuinely usable free tier as an acquisition channel; higher-touch or enterprise-leaning products often do better with a free trial instead, since a permanent free tier can undercut sales conversations.
How many pricing tiers convert best?
Three is the most common and generally best-performing structure — it provides a clear middle anchor. Two tiers can feel like a binary decision with no 'safe middle,' and five or more tends to overwhelm rather than clarify.
Should pricing be public or 'Contact us'?
Public pricing builds trust and reduces sales friction for products under a certain deal size; 'Contact us' makes sense once pricing genuinely varies by scale or custom terms. Hiding pricing purely to force a sales conversation, when the price wouldn't actually change much, tends to frustrate evaluators instead.