Skip to content
BestSaaSWebDesigns

Pricing & Plans — 145 examples

145 SaaS pricing & plans page design examples

A plans page is where a visitor stops browsing and starts comparing. These examples show how SaaS companies lay out full plan-comparison pages — tier columns, feature matrices, billing toggles and the upgrade path between them — as complete pages rather than a single pricing block.

SaaS pricing & plans page design examples gallery

tana.inc/
Tana pricing & plan design — Sales & Support
Tana— Pricing & PlanSales & Support
aiworkers.so/
Aiworkers pricing & plan design — Productivity
Aiworkers— Pricing & PlanProductivity
origami.chat/
Origami pricing & plan design — Sales & Support
Origami— Pricing & PlanSales & Support
keystroke.ai/
Keystroke pricing & plan design — Productivity
Keystroke— Pricing & PlanProductivity
postsyncer.com/
Postsyncer pricing & plan design — Marketing
Postsyncer— Pricing & PlanMarketing
agentsky.dev/
Agentsky pricing & plan design — Developer Tools
Agentsky— Pricing & PlanDeveloper Tools
antigen.sh/
Antigen pricing & plan design — Security
Antigen— Pricing & PlanSecurity
zinley.com/
Zinley pricing & plan design — Productivity
Zinley— Pricing & PlanProductivity
adant.ai/
Adant pricing & plan design — Marketing
Adant— Pricing & PlanMarketing
cultureamp.com/
Cultureamp pricing & plan design — HR
Cultureamp— Pricing & PlanHR
gorgias.com/
Gorgias pricing & plan design — Sales & Support
Gorgias— Pricing & PlanSales & Support
oysterhr.com/
Oysterhr pricing & plan design — HR
Oysterhr— Pricing & PlanHR
teamwork.com/
Teamwork pricing & plan design — Productivity
Teamwork— Pricing & PlanProductivity
usepulseai.com/
Usepulseai pricing & plan design — Analytics
Usepulseai— Pricing & PlanAnalytics
rerun.io/
Rerun pricing & plan design — Infrastructure
Rerun— Pricing & PlanInfrastructure
apollo.io/
Apollo pricing & plan design — Sales & Support
Apollo— Pricing & PlanSales & Support
speakeasy.com/
Speakeasy pricing & plan design — Security
Speakeasy— Pricing & PlanSecurity
documenso.com/
Documenso pricing & plan design — Other
Documenso— Pricing & PlanOther
replicate.com/
Replicate pricing & plan design — AI
Replicate— Pricing & PlanAI
assemblyai.com/
Assemblyai pricing & plan design — AI
Assemblyai— Pricing & PlanAI
superlist.com/
Superlist pricing & plan design — Productivity
Superlist— Pricing & PlanProductivity
supermemory.ai/
Supermemory pricing & plan design — Infrastructure
Supermemory— Pricing & PlanInfrastructure
promptwatch.com/
Promptwatch pricing & plan design — Marketing
Promptwatch— Pricing & PlanMarketing
short.io/
Short pricing & plan design — Marketing
Short— Pricing & PlanMarketing
codeant.ai/
Codeant pricing & plan design — Security
Codeant— Pricing & PlanSecurity
kombai.com/
Kombai pricing & plan design — Developer Tools
Kombai— Pricing & PlanDeveloper Tools
qodo.ai/
Qodo pricing & plan design — Developer Tools
Qodo— Pricing & PlanDeveloper Tools
coderbyte.com/
Coderbyte pricing & plan design — HR
Coderbyte— Pricing & PlanHR
gojiberry.ai/
Gojiberry pricing & plan design — Sales & Support
Gojiberry— Pricing & PlanSales & Support
usenotra.com/
Usenotra pricing & plan design — Marketing
Usenotra— Pricing & PlanMarketing
fora.so/
Fora pricing & plan design — Other
Fora— Pricing & PlanOther
xata.io/
Xata pricing & plan design — Developer Tools
Xata— Pricing & PlanDeveloper Tools
stacker.ai/
Stacker pricing & plan design — Developer Tools
Stacker— Pricing & PlanDeveloper Tools
gradient-labs.ai/
Gradient-labs pricing & plan design — Finance
Gradient-labs— Pricing & PlanFinance
dittowords.com/
Dittowords pricing & plan design — Productivity
Dittowords— Pricing & PlanProductivity
tidio.com/
Tidio pricing & plan design — Sales & Support
Tidio— Pricing & PlanSales & Support

About pricing & plans

A plans page has a harder job than a pricing section: it has to hold a full feature matrix without becoming a spreadsheet nobody reads. The examples that manage it tend to do three things — they name tiers after the buyer rather than the size ('Team', 'Business', 'Enterprise' beats 'Silver', 'Gold', 'Platinum'), they visually commit to one recommended plan instead of presenting all options as equals, and they collapse the long feature matrix behind a progressive reveal so the first screen carries the four or five differences that actually decide the choice. The billing toggle is worth watching closely too: showing the annual saving as a concrete number ('save $240') consistently reads more clearly than a percentage, and defaulting to annual while labelling the monthly price per-month is the pattern most often used to make the cheaper commitment feel like the visitor's own idea. Where the page has to handle both self-serve and sales-led motions, the strongest versions stop pretending Enterprise has a number and put a contact path in that column instead of a price.

What makes a great one

  • Tiers named for the buyer, not for a metal
  • One plan visually recommended rather than all treated equally
  • A billing toggle that shows the annual saving as a real number
  • The deciding differences up front, the full matrix further down

Related

Pricing sectionsFAQ sectionsCTA sections

From the blog

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.

18 Best AI SaaS Website Designs (And Why 'AI Means Dark Mode' Is Wrong)

Eighteen real AI company websites reviewed from screenshots we captured — Mistral, Perplexity, ElevenLabs, Lovable, Bolt, Hebbia, Cartesia and more. Plus the data from 33 AI sites that kills the dark-gradient cliché.

Logo Clouds: How 12 Real SaaS Sites Borrow Trust in One Glance

Grafana's "logo cloud" is entirely compliance badges. Windsurf's is integration partners, not customers. A real look at how the same section slot gets reused for at least three different trust signals.

Frequently asked

What's the difference between a pricing section and a plans page?
A pricing section is a block on the homepage showing two to four tiers at a glance; a plans page is a dedicated page with room for the full feature matrix, billing options, add-ons and FAQ. Most SaaS sites have both, with the homepage section linking through to the page.
How many tiers should a plans page show?
Three or four is by far the most common, and for good reason — beyond that, the comparison cost rises faster than the extra choice helps. Products with genuinely different buyer types often split into separate plans pages per use case rather than adding a fifth column.
Should a feature comparison table be visible by default?
Usually not in full — the pattern that works is a short summary of the deciding differences up top, with the exhaustive matrix available below or behind a toggle for the minority of visitors who want to audit every line.