PostHog1. Lead with how many people pay nothing
Starting with free builds trust before any number shows up.
- Open with your free plan story
- List what free includes every month
- Explain why someone would pay later
How to design a SaaS pricing page
A good SaaS pricing page answers three questions in order: which plan is for me, what will it cost as I grow, and what do I do next. Put every plan on one row, lead with the free option if you have one, show how usage changes the price, and put proof next to the numbers.
Updated · By Blake Emal · 6 real examples, each linked to its source
What are the steps
- Lead with the worryPostHog leads with how many people pay nothing. Vercel promises control over cost.
- Keep plans on one rowLinear shows every plan side by side so the comparison fits one screen.
- Show cost as usage growsResend lets buyers slide to their own volume and see the price.
- Name who each plan is forAttio shows the whole journey from first user to enterprise.
- Put proof by the priceClay places customer logos right next to its prices.
How do the options compare
| Move | What it fixes | Real example |
|---|---|---|
| Free plan first | Fear of commitment | PostHog |
| Cost control promise | Fear of a surprise bill | Vercel |
| Usage slider | Cannot estimate the bill | Resend |
| One clean row | Too many choices | Linear |
| AI as an add on | Confusing AI pricing | Raycast |
Which real examples show it
PostHog
Vercel2. Promise control over cost
A headline about control calms the fear of surprise bills.
- Name the fear and answer it in the headline
- Keep three plans
- Show the free plan first
Linear3. Keep every plan on one clean row
Four plans in one row make comparing take seconds.
- Fit all plans on one screen
- Keep each list to a few lines
- Give each plan one button
Resend4. Let buyers slide to their own price
A slider turns a pricing table into a personal quote.
- Add a slider for the main usage unit
- Show the plan that fits the number
- Keep a free plan on the left
Attio5. Show the whole journey in your plans
Buyers see a plan for today and a plan for later.
- Write one line about growing with you
- Say start today with no card
- Keep the annual toggle on top
Clay6. Put logos next to your prices
Known logos make the price feel safe to pay.
- Add a logo row near the headline
- Color code each plan
- Show monthly and annual with the saving
Get three ideas for your own product
Open the idea generatorPick a channel and a goal. Get real examples and a plan to fill in. Free, no login.
What else do people ask
Should I show prices or say contact sales
Show prices for self serve plans. Keep contact sales for the enterprise tier where the deal really is custom.
Monthly or annual by default
Show the price people actually pay most often and make the toggle obvious.
Do I need a comparison table
Yes once you have more than two plans. Put it below the plan cards.