Skip to content
BestSaaSWebDesigns

Pricing — 131 examples

131 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

pandadoc.com/
Pandadoc pricing design — HR
Pandadoc— PricingHR
apollo.io/
Apollo pricing design — Sales & Support
Apollo— PricingSales & Support
chatwoot.com/
Chatwoot pricing design — Sales & Support
Chatwoot— PricingSales & Support
convex.dev/
Convex pricing design — Infrastructure
Convex— PricingInfrastructure
hedra.com/
Hedra pricing design — Design
Hedra— PricingDesign
monday.com/
Monday pricing design — Productivity
Monday— PricingProductivity
supermemory.ai/
Supermemory pricing design — Developer Tools
Supermemory— PricingDeveloper Tools
promptwatch.com/
Promptwatch pricing design — Marketing
Promptwatch— PricingMarketing
tembo.io/
Tembo pricing design — Developer Tools
Tembo— PricingDeveloper Tools
clay.com/
Clay pricing design — Marketing
Clay— PricingMarketing
usenotra.com/
Usenotra pricing design — Marketing
Usenotra— PricingMarketing
fora.so/
Fora pricing design — Marketing
Fora— PricingMarketing
flora.ai/
Flora pricing design — Design
Flora— PricingDesign
readme.com/
Readme pricing design — Marketing
Readme— PricingMarketing
peec.ai/
Peec pricing design — Marketing
Peec— PricingMarketing
blacksmith.sh/
Blacksmith pricing design — Developer Tools
Blacksmith— PricingDeveloper Tools
tester.army/
Tester pricing design — Developer Tools
Tester— PricingDeveloper Tools
graphite.com/
Graphite pricing design — Developer Tools
Graphite— PricingDeveloper Tools
clueso.io/
Clueso pricing design — Marketing
Clueso— PricingMarketing
usecardboard.com/
Usecardboard pricing design — Design
Usecardboard— PricingDesign
fathom.ai/
Fathom pricing design — Productivity
Fathom— PricingProductivity
pollyreach.ai/
Pollyreach pricing design — Sales & Support
Pollyreach— PricingSales & Support
superlog.sh/
Superlog pricing design — Developer Tools
Superlog— PricingDeveloper Tools
mailwarm.com/
Mailwarm pricing design — Marketing
Mailwarm— PricingMarketing
appwrite.io/
Appwrite pricing design — Developer Tools
Appwrite— PricingDeveloper Tools
onuniverse.com/
Onuniverse pricing design — Design
Onuniverse— PricingDesign
linktr.ee/
Linktr pricing design — E-commerce
Linktr— PricingE-commerce
descript.com/
Descript pricing design — Design
Descript— PricingDesign
runwayml.com/
Runwayml pricing design — AI
Runwayml— PricingAI
pasteapp.io/
Pasteapp pricing design — Productivity
Pasteapp— 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 — Productivity
Supademo— PricingProductivity
semrush.com/
Semrush pricing design — Marketing
Semrush— PricingMarketing
statsig.com/
Statsig pricing design — Analytics
Statsig— PricingAnalytics

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

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.