Preview image. Unlock full-res
Dark four-column pricing table with a monthly/yearly toggle and a raised highlighted Pro plan among icon-led feature checklists.
Summary
A black four-tier pricing table with a centered monthly/yearly toggle, where the Pro column is raised in a darker card and tagged Popular while Growth carries a Best Value badge.
Visual description
Centered "Pricing" eyebrow over a large white headline (Pricing on your terms) and a muted subhead. A pill toggle switches Monthly and Yearly, with a small "-15%" tag on Yearly. Four columns follow: Hobby ($0), Pro ($150/month, lifted into a dark rounded card with a white "POPULAR" pill), Growth ($550/month, "BEST VALUE" pill), and Enterprise (Custom Pricing). Each has a name, price, one line of audience copy, a thin divider, and an icon-led feature checklist; Pro and Growth lead their lists with "Everything in [tier], plus" and include inline editor-count dropdowns (5, 20). CTAs differ by tier: Get started, a filled white "Try for free" on Pro, an outlined "Try for free" on Growth, and "Contact us" on Enterprise.
Key takeaway
Elevating only the recommended plan into a darker filled card with a Popular pill while the others stay flat, plus a second Best Value badge to steer toward the higher tier. The inline editor-count dropdown inside a plan, letting price scale with seats right in the card, and per-tier CTA labels that match intent.
Reuse notes
Strong default for a developer or SaaS product with four tiers and seat-based pricing. The dark highlighted card needs a true black background to separate cleanly. Four columns of icon checklists get dense fast; keep list items short and parallel, and the toggle implies the yearly discount applies across all tiers.
