UI Prompt Theme
Modern Pricing Table
A three-tier pricing table with a highlighted recommended plan and feature comparison.
pricingsaasconversion
Monthly
Yearly
POPULAR
Customize & Copy
The full prompt stays hidden — your choices below are built into a tailored prompt server-side and copied to your clipboard.
Primary Color
#06b6d4
Advanced theme & layout options
Secondary Color
off
Accent Color
off
Theme Mode
Prompt Intent
Generate a fresh interface from this prompt.
Action Style
Ask the tool to edit the files itself.
Tool Mode
Paste this into a new v0 chat.
Every prompt includes
- Product context
- Layout direction
- Component requirements
- Responsive behavior
- Accessibility notes
- Tool-specific framing
What this prompt can generate
A comparison-friendly pricing block where the recommended tier is unmistakable at a glance.
Typical structure
Monthly / Yearly toggle3 plan cards, middle one elevatedFeature checklist per cardFooter reassurance note
Key UI elements
- Billing-period toggle with a savings hint
- Price as the largest element in each card
- 5–8 item feature checklist per tier
- “Most Popular” badge on one tier only
- Disabled/current-plan CTA state
Best for
- SaaS pricing pages
- Upgrade and plan-comparison screens
Visual direction
- Recommended card scaled up and lifted, with an accent border
- Non-recommended CTAs stay neutral so one path leads
Works well in
- v0.dev
- Cursor
This describes the intended direction, not a fixed result. Output may vary by tool and by run. The copied prompt stays in English.