Guides / How to build

Pricing Page Examples: 14 Layouts From Slack, Notion, Basecamp and More

Fourteen pricing page examples, from Slack, Notion, Linear, Basecamp and GitHub to usage-based and service patterns, with a checklist and how to build one.

Mythex Team · 2026-10-22 · 6 min read

A good pricing page lets someone find the right plan and know exactly what they'll pay in under a minute. The best ones show a small number of plans, state prices with the billing period, write limits as numbers, recommend one plan, and answer trial, cancellation and refund questions on the same page. Below are 14 pricing page examples: seven real pages we read in October 2026 and seven patterns for other business models. Then a checklist, common mistakes and how to build yours.

The 14 examples at a glance

#ExampleModelKey idea
1SlackPer userMonthly and annual on each card, deep comparison table
2NotionPer memberA recommended plan, add-ons and a thorough FAQ
3LinearPer user, billed yearlyPlan limits in the first line of each card
4BasecampFlat packagesNo per-user fees, card-free trial
5GitHubPer user plus add-onsUsage limits and add-ons listed separately
6PlausibleTiered, on the homepagePricing table on the homepage, toggle for yearly
7Cal.comFree plus per userPrices answered in the homepage FAQ
8Usage-based pricingPatternA calculator or slider
9Credits-based pricingPatternExplain what a credit buys
10Single-plan pricingPatternOne price, everything included
11Service business pricingPatternPackages with "from" prices
12Course or membership pricingPatternOne-time vs subscription
13Enterprise-only pricingPatternWhat's included and how buying works
14Nonprofit or donation tiersPatternWhat each amount achieves

Real pricing pages, and what they do well

All prices and details are as of October 2026, as shown on each company's own page.

1. Slack

Slack's pricing page lists Free, Pro, Business+ and Enterprise+. Each paid card shows both the monthly price and the annual price, labelled "when paying monthly" and "when paying annually" (Pro is $8.75 per user a month monthly or $7.25 annually). Business+ is badged "Best value". A long comparison table follows, grouped by area, with limits as numbers, such as 90 days of message history and 10 app integrations on Free.

Learn from it: label every price with its billing period, and write limits as numbers.

2. Notion

Notion's pricing page shows Free, Plus ($10 per member a month), Business ($20, labelled "Recommended") and Enterprise (contact sales), with a monthly or yearly toggle and a note that yearly saves up to 20%. Add-ons such as custom domains are priced separately. The FAQ covers seats, upgrades and downgrades, cancellation, failed payments and refunds.

Learn from it: an FAQ that explains refunds and downgrades removes the risk people feel before paying.

3. Linear

Linear's pricing page states the key limits right under each plan: Free has unlimited members, 2 teams and 250 issues; Basic is $10 per user a month billed yearly with 5 teams; Business is $16 with unlimited teams. Enterprise is annual billing only, through sales. A feature matrix follows.

Learn from it: put the two or three limits that decide the choice at the top of each card.

4. Basecamp

Basecamp's pricing uses flat monthly packages, from Free to Pro Unlimited, each with a cap on active projects, storage and users, and "no per-user fees". Paid plans have a 30-day trial with no card, and you aren't charged automatically when it ends. It lists nonprofit and education discounts.

Learn from it: if your pricing model is different from competitors', make that the headline.

5. GitHub

GitHub's pricing page shows Free, Team and Enterprise with per-user prices, then lists usage included in each plan (CI/CD minutes and package storage) and separately priced add-ons such as Codespaces and Git LFS. Enterprise offers both a free trial and contact sales.

Learn from it: if part of your cost is usage, show what's included and what extra use costs.

6. Plausible

Plausible puts its pricing table directly on the homepage: four plans from $9 a month, a monthly or yearly toggle with "2 months free" on yearly, and a reminder that the 30-day trial needs no card.

Learn from it: for a simple product, pricing on the homepage saves a click and answers the question early.

7. Cal.com

Cal.com's homepage answers "how much does it cost?" in its FAQ: free for individuals, Teams at $16 per user a month and Organizations at $37 per user a month.

Learn from it: wherever pricing comes up on your site, answer it there, in one sentence.

Pricing page patterns you can copy

8. Usage-based pricing

A slider or calculator: "How many emails a month?" and the price updates. Show a few example monthly bills for typical customers, and state what happens if someone goes over.

9. Credits-based pricing

If you sell credits, explain in plain terms what a credit buys ("about one image" or "one task"), show how many credits each plan includes, and say whether unused credits roll over. Mythex, for example, gives the Free plan 5 credits a day and Pro starts at $25 a month; see the Mythex pricing page.

10. Single-plan pricing

One price, everything included, with a list of what you get and a single button. Works for simple tools and is easy to explain.

11. Service business pricing

Packages (basic, standard, premium) with "from" prices, what's included, typical turnaround, and a quote form for anything custom. Agencies, cleaners and photographers use this well.

12. Course or membership pricing

Show one-time and subscription options side by side, what members get each month, and the refund policy. See how to build a membership site.

13. Enterprise-only pricing

Even without a public price, say what's included, typical contract terms, security features, and how the buying process works, with a short form to start the conversation.

14. Nonprofit or donation tiers

Suggested amounts with what each achieves, a monthly option and a custom amount field. See how to build a nonprofit donation website.

What the best pricing pages have in common

  • Few plans, clearly named. Three or four is common.
  • Prices with units: per user or flat, monthly or yearly, currency, tax.
  • One recommended plan, marked honestly.
  • Limits as numbers at the top of each card.
  • A free plan or trial stated plainly, including whether a card is needed.
  • A comparison table for people who want the detail, below the cards.
  • An FAQ on cancellation, refunds, upgrades and payment methods.
  • A route for big buyers: contact sales, invoices, volume discounts.

Common mistakes

  • Hidden billing period. An annual-equivalent price shown without a label.
  • Vague limits. "Generous usage" instead of a number.
  • Too many plans or toggles. Choice paralysis is real.
  • Feature names nobody understands. Describe what each feature does.
  • Surprise fees at checkout. Show tax, setup fees and add-on costs up front.
  • Fake urgency. Countdown timers that reset damage trust and can break consumer rules.
  • Out-of-date pages. Update the page the day prices change, along with the FAQ.

How to build your own pricing page

  1. Decide the model first: per user, flat, usage or credits. Our guide on how to price a SaaS product and freemium vs free trial cover the choices.
  2. List the two or three limits that separate your plans.
  3. Write the FAQ from real questions customers have asked you.
  4. Build the page. With Mythex you describe your plans in a chat, see the page in a live preview and publish it in one click. A landing page or membership starting point also works, and there are templates. If your billing logic is complex (metering, tax, invoicing), use a billing provider and keep the page simple; see how to add subscriptions with Stripe.
  5. Check it on a phone. Plan cards should stack cleanly and the comparison table should scroll or collapse.

How we chose these examples

We read each named pricing page in October 2026 and report prices and terms exactly as shown then. Prices change often, so check the live page before quoting any figure. We don't know how these pages perform for their owners, so we describe techniques you can see rather than results. The patterns are common pricing models described in general terms.

Questions

What should a pricing page include?

Plan names, prices with the billing period and whether they're per user, what each plan includes, the limits as numbers, a clear button for each plan, and an FAQ covering trials, cancellations, refunds and payment methods. If you sell to large teams, add a contact-sales option.

How many pricing plans should I have?

Many software companies show three or four: a free or entry plan, one or two paid plans, and an enterprise or custom plan. As of October 2026, Slack, Notion and Linear each show four. Fewer plans are easier to choose between; add a tier only when a real group of customers needs it.

Should I show annual and monthly prices?

If you offer both, yes, and label clearly which one a number refers to. Slack shows both on each plan card, while Notion uses a monthly or yearly toggle with a note about the saving. Showing only the annual-equivalent price without saying so confuses buyers.

Is it better to price per user or flat?

Per-user pricing grows with your customer's team and is easy to understand. Flat pricing, like Basecamp's packages as of October 2026, is simpler for buyers and can be a selling point against per-seat competitors. Usage-based pricing fits products whose cost to you grows with use, such as API calls or credits.

Keep reading

  • How to Build a Community Platform: Members, Posts, Events and Moderation — Plan and build an online community: member profiles, spaces, events, moderation, notifications and paid access, and when a hosted platform fits better.
  • How to Build a Fitness App: Workouts, Logging, Progress and Coaching — Build a fitness app as a web app: exercise library, workout plans, fast set logging, progress charts, coach and client roles, and honest limits on wearables.
  • How to Build a Flashcard App with Spaced Repetition — Build a flashcard app people actually study with: decks, cards, a review queue, spaced repetition scheduling, imports and a fast phone-first review screen.
  • How to Build a Gym Membership App: Plans, Billing, Class Booking and Check-In — How to build a gym membership app: plans and recurring billing, freezes, class booking with capacity, check-in, waivers, and when gym software is better.
  • How to Build a Habit Tracker App — Build a habit tracker that works on your phone: habits, check-ins, streaks that handle time zones, reminders, and why a web app is the practical start.
  • How to Build a Loyalty Program App: Points, Stamps, Rewards and Redemption — How to build a loyalty program app: points vs stamp cards, QR codes at the counter, rewards, redemption, fraud, and when a POS loyalty add-on is enough.

Start building free · Templates · Docs