14 SaaS Pricing Page Examples, Scored and Critiqued

Looking at good saas pricing pages is useful, but "this looks nice" doesn't tell you why a page works or what it still gets wrong. So we ran 14 pricing pages from well-known SaaS companies through PageCritic, the same audit anyone can run for free, and published the results as they came out: the overall conversion score, 7 sub-scores, each page's biggest issue with a concrete fix, and one thing it does well.

Audited on 2026-10-18. Scores are an AI's opinion of conversion best practices, based on desktop and mobile screenshots plus the page's HTML. They aren't measured conversion rates, and these companies didn't ask for a review. Pages change often; each link below goes to the full free report with the screenshots we judged.

The scores

What the patterns say

• Weakest area on average: Mobile (60), then CTA (65). Even companies that test their pricing pages constantly leave points on the table here.
• Strongest area: Design (77). Clean plan tables are standard for SaaS pricing. They don't make up for a vague headline or a buried call to action.
• The call to action needs work. On 9 of 14 pages, the primary button had a top-3 issue: weak copy, poor contrast, too many choices, or no reassurance (free trial, no card, cancel anytime) next to it.
• Choosing a plan takes too much work. On 9 of 14 pages, a top-3 issue was about the plans themselves: an annual toggle that hides the savings, no recommended plan, a price cliff between tiers or a grid with too many dimensions.
• Mobile is an afterthought. On 8 of 14 pages, a mobile layout problem made the top 3: stacked heroes, wrapped badges or content pushed far down.
• The common fixes are cheap. Most top issues are copy and layout: a headline that says what the product does, a line of proof under the hero, a short note under the button. None of them needs a redesign.

Page by page

linear.app/pricing: 76/100

Sleek and unmistakably Linear, but the bare hero and unexplained proprietary feature names force buyers to guess which tier actually fits their team.

Top issue: Bare hero lacks a value proposition and audience segmentation. The top of the page consists solely of the word 'Pricing' with no subhead explaining the product's core advantage, refund policy, trial terms, or guidance on who each tier is for.

Suggested fix: Add a subheadline beneath 'Pricing': 'Flexible plans built for fast-moving product teams. Start free with your whole team, upgrade when you scale.'

What works: Exceptional visual aesthetics with dark mode styling, polished typography, and clean contrast on the recommended tier.

See the free report for linear.app/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

notion.com/pricing: 74/100

A clean, brand-consistent pricing table whose bifurcated structure ('Essentials' vs 'The AI workspace') adds cognitive overhead and obscures billing frequency details.

Top issue: Bifurcated card grouping fragments tier comparison. Grouping Free and Plus under 'Essentials for staying organized.' and Business and Enterprise under 'The AI workspace for work that matters.' breaks standard 4-column horizontal scanning and creates artificial product bifurcation rather than clear plan progression.

Suggested fix: Standardize all 4 plans into unified parallel tier cards with a single shared header row, using badges (like the current 'Recommended' badge on Business) to guide user tier selection.

What works: Strong enterprise social proof directly below the desktop H1 featuring market leaders (OpenAI, Figma, Volvo, Ramp, Cursor).

See the free report for notion.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

slack.com/pricing: 74/100

A polished, authoritative pricing page undermined by ambiguous, identical CTAs across tiers and mobile card cutoffs that bury high-tier offerings.

Top issue: Identical CTA text creates conversion ambiguity. Free, Pro, and Business+ all display 'GET STARTED'. Users cannot tell whether clicking a paid tier triggers a 14-day trial, an instant checkout, or account creation.

Suggested fix: Differentiate buttons by tier intent: 'Start Free' for the Free plan, 'Try Pro Free for 14 Days' (or 'Buy Pro') for Pro, and 'Try Business+ Free' for Business+.

What works: High-caliber social proof banner featuring OpenAI, Stripe, IBM, and Rivian immediately validates trust and adoption.

See the free report for slack.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

plausible.io#pricing: 74/100

Plausible's pricing is commendably transparent and clean, but the two-dimensional pricing model (slider pageviews + tier features) lacks a recommended tier and suffers on mobile comparison.

Top issue: No recommended plan or clear persona guidance causes choice paralysis. Starter ($9), Growth ($14), and Business ($19) use identical visual weights, identical card heights, and identical purple 'Start free trial' buttons. A buyer at 10k pageviews must guess whether they need Starter or Growth without guidance like 'Most Popular' or 'Best for solopreneurs'.

Suggested fix: Visually elevate one plan (typically 'Growth' or 'Business') with a 'Most Popular' pill badge, a slightly elevated border, and add short persona subtitles (e.g., Starter: 'For single blogs & side projects'; Growth: 'For growing businesses & small teams').

What works: 'Sign up for 30-day free trial. No credit card required.' is placed prominently right above the pricing table, immediately defusing billing friction.

See the free report for plausible.io#pricing (score, 7 sub-scores, top 3 issues, screenshots) →

cal.com/pricing: 73/100

A sleek, modern pricing layout held back by an enterprise-focused hero CTA that alienates self-serve users and fragmented billing toggles.

Top issue: Hero CTA contradicts the primary value proposition. The subheadline invites users to 'Start scheduling for free, with no usage limits', but the prominent black hero CTA directly underneath is 'Talk to sales >'. This introduces immediate friction for the majority of users seeking self-serve scheduling.

Suggested fix: Change the hero primary CTA to 'Get started free' pointing to the free signup flow, and make 'Talk to sales' a subtle text link or secondary button for enterprise visitors.

What works: Clean typographic hierarchy with clear pricing numbers ($12, $28, Custom) and generous card padding.

See the free report for cal.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

posthog.com/pricing: 73/100

PostHog's pricing copy is remarkably transparent and disarming, but the above-the-fold experience suffers from decorative retro-OS visual noise and an oversized mobile cookie modal that obscures key CTAs.

Top issue: Mobile viewport is hijacked by illustration and cookie modal. On mobile screens, the nostalgic software box graphic plus the bottom 'Legally-required cookie banner' take up more than 60% of the screen. The primary 'Get started - free' button and supporting benefits are pushed below the fold.

Suggested fix: On mobile viewports, move the software box graphic below the copy/CTA or reduce it to an icon, and convert the cookie card into a slim sticky banner so the primary CTA remains visible above the fold.

What works: Unrivaled transparency: Explaining 'One day we'd like your money, but not today' immediately builds trust with developer audiences.

See the free report for posthog.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

framer.com/pricing: 71/100

A visually slick pricing table hindered by CTAs cut off at the fold, an uncommunicated annual discount incentive, and an intrusive cookie banner blocking primary actions.

Top issue: Primary plan CTA buttons are sliced off below the desktop fold. On a standard 1080p desktop viewport, the cards run so tall (due to line items and the AI credits dropdown) that 'Start with Pro', 'Start with Basic', and 'Start for Free' are clipped at the bottom margin, forcing users to scroll just to click.

Suggested fix: Move CTA buttons directly underneath the monthly pricing and tier description, above the feature checklists, so every decision card has an instantly clickable action above 700px.

What works: The bold, high-contrast electric blue on the Pro CTA button instantly directs eye flow to the highest-margin plan.

See the free report for framer.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

webflow.com/pricing: 68/100

Webflow's pricing page suffers from severe pricing model confusion (Site plans vs. Platform plans) and an uninspired generic hero that fails to guide buyers to the right tier.

Top issue: Severe sticker shock and mental model collision between Site plans and Platform plans. Presenting 'Site plans' ($0, $15, $25) alongside 'Platform plans' ($2,500/mo) in the exact same horizontal grid causes immediate whiplash. Users don't immediately grasp whether they need a Site plan, a Workspace plan, or a Platform plan.

Suggested fix: Separate Site hosting plans and Enterprise/Platform plans into dedicated tabs or clear sequential stages ('1. Choose hosting for your site' vs '2. Enterprise & Team platform access') instead of cramming $25/mo next to $2,500/mo.

What works: Clean, recognizable typography and high-contrast Webflow brand aesthetics.

See the free report for webflow.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

vercel.com/pricing: 68/100

Vercel's pricing layout is sleek and minimalist, but desktop action buttons sit below the fold and key tier guardrails—like Hobby's non-commercial restriction—are missing upfront.

Top issue: Primary plan CTAs are pushed below the fold on desktop. On a standard desktop viewport, the pricing cards display the price, intro copy, and feature bullets, but cut off right before the action buttons ('Start a free trial', 'Start deploying', 'Get a demo'). Users cannot convert without scrolling.

Suggested fix: Reduce vertical whitespace around the H1 ('Scale your app, control your costs') and move the action buttons directly beneath the price and description, above the feature checklists.

What works: Monochrome, technical aesthetic matches developer expectations for clean, minimalist tools.

See the free report for vercel.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

airtable.com/pricing: 67/100

A structurally comprehensive enterprise pricing page burdened by a generic headline, cluttered add-on pricing inside cards, and an intrusive cookie overlay that chokes mobile conversions.

Top issue: Aggressive cookie banner hijacks mobile and desktop ATF real estate. The Transcend cookie preference banner occupies over 65% of the mobile viewport and completely cuts off the CTA buttons on desktop, forcing users to make a privacy decision before evaluating the product.

Suggested fix: Reconfigure the consent management banner to a compact, non-blocking bottom banner or floating shield badge that doesn't push the tier CTAs below the fold.

What works: Clear 'Most popular' highlight badge on the Team tier effectively guides default buyer attention.

See the free report for airtable.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

dropbox.com/plans: 67/100

A clean pricing grid undercut by confusing CTA asymmetry, zero visual savings indicator on the annual billing toggle, and a missing H1 header.

Top issue: Annual billing toggle lacks an incentive callout. The radio toggle for 'Billed monthly' vs 'Billed yearly' shows no savings badge (e.g., 'Save 20%'). Without visible math or an incentive tag, users default to monthly or experience hesitation calculating the discount.

Suggested fix: Add a prominent pill tag next to 'Billed yearly' such as 'Save up to 20%' and show the struck-through monthly rate or calculate annual savings directly on the tier cards.

What works: Clean visual hierarchy with the 'Best Value' green badge effectively spotlighting the Standard plan.

See the free report for dropbox.com/plans (score, 7 sub-scores, top 3 issues, screenshots) →

figma.com/pricing: 62/100

Figma's seat-tier matrix and product suite expansion have turned the pricing page into an overwhelming cognitive maze, burying plan CTA buttons entirely below both desktop and mobile folds.

Top issue: Primary plan CTA buttons are pushed below the fold. On desktop, the 'Select plan' and 'Contact sales' buttons sit below the fold because the top hero is clogged with redundant AI badges, an icon legend, and triple-tier seat pricing rows.

Suggested fix: Compress the hero header and elevate the plan cards so that each tier's CTA button ('Select plan' / 'Contact sales') is visible immediately upon page load without scrolling.

What works: Clean, minimalist layout with high-contrast typography consistent with the Figma design brand.

See the free report for figma.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

zapier.com/pricing: 62/100

The pricing page hides actual prices below the fold behind jargon-heavy 'AI orchestration' copy and an intrusive sales chat popover.

Top issue: Zero pricing or plan tiers visible above the fold. Visitors arrive at zapier.com/pricing to evaluate costs and plan tiers, but desktop and mobile viewports are consumed entirely by hero copy, an announcement banner, and whitespace.

Suggested fix: Compress the hero section vertically or use a split layout so the task slider and plan cards (Free, Professional, Team) peek visibly above the 800px mark.

What works: Strong, clean typographic hierarchy and modern branding that matches Zapier's premium market position.

See the free report for zapier.com/pricing (score, 7 sub-scores, top 3 issues, screenshots) →

hubspot.com/pricing/marketing: 58/100

A cluttered, banner-heavy viewport pushes primary conversion buttons completely below the fold and creates intense cognitive overload through complex multi-variable pricing tiers.

Top issue: Primary CTAs are pushed below the fold on both desktop and mobile. On desktop and mobile above-the-fold views, not a single plan CTA button ('Get started free', 'Buy now', 'Talk to Sales') is visible because the promotional banner, hero spacing, and card headers push them out of sight.

Suggested fix: Position the tier action buttons directly under the monthly price block (above the feature checklists and billing period toggles) so buyers can act immediately.

What works: Clear price anchoring with '$0/mo' and 'No credit card required' on the Free tier eliminates sign-up friction for entry-level users.

See the free report for hubspot.com/pricing/marketing (score, 7 sub-scores, top 3 issues, screenshots) →

Use these lessons on your own page

See all 59 homepages in one list: landing page examples, scored and ranked. See also, scored the same way: SaaS landing page examples (Stripe, Linear, Notion and more); indie hacker landing page examples (Tally, Carrd, Nomad List and more); AI startup landing page examples (Cursor, ElevenLabs, HeyGen and more); developer tool landing page examples (Sentry, Netlify, Raycast and more); ecommerce landing page examples (Allbirds, Glossier, Gymshark and more) and B2B landing page examples (Ramp, Brex, Intercom and more).

Start with the first screen: what belongs above the fold. Then test your headline in the free headline analyzer and your button text in the CTA checker, and check how you look in Google with the meta tag checker. For a full pass, work through the 30-point landing page checklist.