Website designFree→ v0 / Lovable / Claude
SaaS Pricing Page Design
A pricing page that clarifies the choice and handles objections.
What you get: Page structure, tier copy, comparison table and FAQ with layout notes.
Example output. A simplified example of what this prompt can produce, made by Claude from the prompt using the sample values below. Names, prices and reviews are invented, and your result will differ with your own values and the tool you use.
- product:
- Ledgerly
- category:
- invoicing
- customers:
- freelancers and small studios
- tiers_and_prices:
- Solo $12, Studio $29, Agency $79 per month
- differences:
- team size, recurring invoices, currencies
- stack:
- HTML and CSS
- tokens:
- blue accent, slate neutrals, 14px corner radius
Design a pricing page for {{product}}, a {{category}} tool for {{customers}}. Tiers: {{tiers_and_prices}}. Key differences between tiers: {{differences}}.
Provide: page structure; headline and subhead; tier cards with names, one-line audience, price display (monthly/annual toggle logic), 5 feature bullets each and a clear primary tier; a comparison table with only decision-relevant rows; trust elements; an FAQ answering the 6 most common billing and plan questions; calls to action per tier; and responsive layout notes. Then output production-ready {{stack}} code using these tokens: {{tokens}}. Do not invent customer logos or claims.