Preview image. Unlock full-res
Light three-tier pricing with a highlighted Most Popular middle card, a billing toggle, per-plan savings badges, and a Magic Clips add-on toggle.
Summary
A clean light three-tier pricing table with the middle Professional plan lifted out in an orange-bordered Most Popular frame, plus per-plan green savings badges and a per-card add-on toggle. The single highlighted column steers the choice clearly.
Visual description
A centered bold heading "Start making amazing shorts, today." sits over a subline and a Monthly/Yearly toggle with a green "SAVE 41%" badge. Three cards follow: Starter ($12), Professional ($29), and Business ($53), each showing price, a green "SAVE $X" badge, a user-count note, and a CTA. The Professional card is wrapped in an orange border with a "+ MOST POPULAR +" banner and a filled orange "Start now" button, while the others use outlined buttons. Each card lists green-checkmark features, and the bottom of every card holds a light-grey "Magic Clips" add-on row with its own toggle and a "+$12/month" price. The palette is white with orange and green accents.
Key takeaway
The orange-bordered Most Popular frame plus a filled CTA (versus outlined CTAs on the flanks) makes the recommended plan unmistakable. Green savings badges on each price quantify the annual discount inline rather than burying it. The per-card add-on toggle upsells an extra without adding a fourth tier.
Reuse notes
A dependable pattern for prosumer SaaS with a clear anchor tier. The add-on toggle is worth borrowing whenever there is one optional upsell that applies across all plans. Keep the highlight to a single column; lifting two would dilute the steer.
