--- title: "SaaS pricing page examples: 6 real pages, what to copy" description: "Six real SaaS pricing pages checked in November 2026, from GitHub to Supabase: the pattern each one uses, the numbers it shows and what to copy for your own page." canonical: "https://saascron.com/pricing-page-examples/" language: "en-US" author: "Ricardo Machado" author_url: "https://saascron.com/author/ricardo-machado/" published: "2026-11-09T17:10:00-05:00" updated: "2026-11-09T17:10:00-05:00" category: "Metrics & Pricing" tags: ["Pricing", "Pricing page", "Conversion", "Usage based pricing"] --- # SaaS pricing page examples: 6 real pages, what to copy > Six real SaaS pricing pages checked in November 2026, from GitHub to Supabase: the pattern each one uses, the numbers it shows and what to copy for your own page. You are about to build or redo your pricing page, and you have twenty browser tabs of other companies' pricing open. They all look polished, and they all look different. The useful question is not which page looks best. It is which page charges the way you do, and what it shows that you are missing. Below are six real SaaS pricing pages, checked on November 9, 2026. Each one is paired with the pricing model it serves and the one pattern worth copying. For the parts every pricing page needs, see [how to design a SaaS pricing page](https://saascron.com/saas-pricing-page/). If you have not chosen a model yet, start with [SaaS pricing models compared](https://saascron.com/saas-pricing-models/). ## How to read a pricing page example *Think of it like* looking at floor plans before you build a house. A plan for a family of five is a great plan, and the wrong one for a studio. You look for plans with the same number of rooms as yours, then borrow their best ideas. Pricing pages work the same way. Read each example with three questions: 1. **What does it charge for?** Seats, usage, volume or a flat price. 2. **What numbers does it show?** The unit, the billing period, what is included and what costs extra. 3. **What does it answer before checkout?** Trials, cancellation, taxes and spend limits. Prices change often. The figures below are what each page showed on November 9, 2026. ## Six examples, side by side | Page | Pricing model | Pattern to copy | Matching layout | |---|---|---|---| | GitHub | Per seat, free to enterprise | Mark the plan you want to grow, with a trial on it | Freemium + enterprise | | Notion | Per seat, monthly or yearly | One "Recommended" plan and a yearly switch with the saving | Monthly / annual toggle | | Calendly | Per seat, with an enterprise floor | Say who needs a seat, and give the enterprise starting price | Per seat | | Supabase | Base price plus usage | Included amounts, overage prices and worked example bills | Usage-based | | Vercel | Base price with usage credit | An included credit, and taxes stated up front | Developer API | | Plausible | Price by monthly volume | A volume slider and the same trial button on every self-serve plan | Usage-based | ## 1. GitHub: recommend the plan you want to grow GitHub's [pricing page](https://github.com/pricing) shows three plans: Free at $0, Team at "$4 per user / month" and Enterprise at "$21 per user / month". Enterprise, the most expensive plan, carries the "Recommended" label and a "Start a free trial" button, with "Contact Sales" next to it. A "Compare plans" table follows. **What to copy:** the highlight goes on the plan your business wants to sell, and that plan gets the easiest next step, a trial. For a team of 10 on Team, the math a buyer does is 10 x $4 = $40 a month, or $480 a year. ## 2. Notion: one recommended plan and an honest switch Notion's [pricing page](https://www.notion.com/pricing) lists Free at $0, Plus at $10 and Business at $20 per member per month, and Enterprise at custom pricing. Business is marked "Recommended". A "Pay monthly" or "Pay yearly" switch sits above the plans, with the note "Save up to 20% with yearly". **What to copy:** a single recommended plan, and a switch that names the saving. One detail to avoid: the plan cards say "per member" while the comparison table says "per seat". Pick one word for your unit and use it everywhere. ## 3. Calendly: explain the seat and show an enterprise floor Calendly's [pricing page](https://calendly.com/pricing) shows Free, Standard at "$10 /seat/mo" and Teams at "$16 /seat/mo", with Teams labeled "Popular plan". The page explains that a seat is needed to connect calendars and host meetings, and that invitees do not need one. Enterprise shows "Starts at $15k /yr" and "Starts at 50 seats" instead of a bare "Contact us". **What to copy:** tell buyers exactly who needs a seat, so they do not overbuy. And if you sell a custom plan, give its starting price. A buyer can now work out a floor: $15,000 / 50 seats = $300 per seat per year, or $25 per seat per month. ## 4. Supabase: show the bill, not only the price Supabase's [pricing page](https://supabase.com/pricing) starts Pro "from $25/month" and Team "from $599/month". Each plan lists its included usage, such as 100,000 monthly active users and 250 GB of egress on Pro, and the price above it, such as $0.09 per GB of egress beyond 250 GB. Then it works through example bills: a Pro organization with two Micro projects is $25 + $10 + $10 - $10 in compute credits = $35 a month. The FAQ answers 11 questions, including spend caps and billing timing. **What to copy:** for usage-based pricing, a worked example bill answers "what will I pay?" better than a rate card alone. Show one or two typical customers and their total. ## 5. Vercel: an included credit and taxes up front Vercel's [pricing page](https://vercel.com/pricing) shows Hobby at $0 a month, Pro at $20 a month and Enterprise at custom pricing. Pro includes a $20 credit to use across resources; usage beyond it is pay as you go. Hobby has usage caps and cannot buy more. The page states that prices are in US dollars and exclude taxes, which are added at invoicing based on the billing address. Its FAQ has 13 questions. **What to copy:** a credit equal to the plan price makes a usage model feel like a flat price for small customers. And state your tax rule on the page, before the checkout surprises anyone. ## 6. Plausible: price by volume, one clear trial Plausible prices by monthly pageviews. On its [pricing section](https://plausible.io/), a slider runs from 10k to 10M+ pageviews. At up to 10k pageviews, Starter is $9, Growth $14 and Business $19 a month, and Enterprise is custom. A "Monthly / Yearly" switch marks the yearly option "2 months free". Every self-serve plan uses the same "Start free trial" button, and the page says the 30-day trial needs no credit card. **What to copy:** when price follows one volume metric, let the buyer set that metric and see the price move. "2 months free" is also an exact claim a buyer can check: 2 months off a 12-month bill is 2 / 12 = 16.7% off. ## Building your page from these patterns You can build each pattern above by hand. If you would rather start from working code, SaaSCron sells a [Pricing Page Kit](https://saascron.com/kits/pricing-page-kit/?ref=art-pricing-page-examples) for US$49, one time. It has 12 pricing layouts in plain HTML and CSS, with no JavaScript and no frameworks, including the five named in the table: freemium + enterprise, monthly / annual toggle, per seat, usage-based and developer API. It also has a teardown guide on when to use each layout, and an agent skill for Claude Code and Cursor that picks a layout from your answers. All names and prices in the layouts are fictional placeholders. Disclosure: SaaSCron makes and sells the Pricing Page Kit. The six examples above are free to study either way. ## Checklist Before you copy a pattern, check your own page against it: - Your example pages charge the way you do (seats, usage, volume or flat). - Every price shows its unit and billing period, with one word for the unit. - At most one plan is highlighted, and it is the plan you want to grow. - The yearly saving is stated, and it is correct. - Usage plans show what is included, the overage price and one example bill. - A custom plan shows a starting price or a minimum, if you have one. - Taxes, trials, cancellation and spend limits are answered on the page. ## Common mistakes 1. **Copying a page with a different pricing model.** A per-seat page cannot explain a usage bill. Why it happens: the most famous page gets copied first. Instead: pick examples that charge the way you do. 2. **Highlighting by habit.** Why it happens: many templates highlight the middle card. Instead: highlight the plan your business wants most customers on, as GitHub does with Enterprise. 3. **Mixing names for the unit.** "Member", "seat" and "user" on one page make buyers wonder if they are different things. Why it happens: cards and tables are written at different times. Instead: choose one word and search the page for the others. 4. **Hiding the bill.** A rate card with five prices per unit leaves the buyer to do the math. Why it happens: the team knows the rates by heart. Instead: add a worked example bill, as Supabase does. ## Sources - GitHub, [Pricing](https://github.com/pricing), checked November 9, 2026. - Notion, [Pricing](https://www.notion.com/pricing), checked November 9, 2026. - Calendly, [Pricing](https://calendly.com/pricing), checked November 9, 2026. - Supabase, [Pricing](https://supabase.com/pricing), checked November 9, 2026. - Vercel, [Pricing](https://vercel.com/pricing), checked November 9, 2026. - Plausible Analytics, [home page pricing section](https://plausible.io/), checked November 9, 2026. ## In three sentences The most useful pricing page examples are the ones that charge the way you do: per seat, by usage, by volume or a flat price. GitHub, Notion and Calendly show per-seat patterns, Supabase and Vercel show usage patterns such as a $35 example bill and an included $20 credit, and Plausible prices by monthly pageviews. Copy one highlighted plan, one word for your unit, a correct yearly saving, a worked example bill and on-page answers about taxes, trials and cancellation. --- Canonical: