Hang tight! We're setting things up for you.
Hang tight! We're setting things up for you.
Design and build a modern, responsive pricing page that clearly presents three subscription plans — each with its own visual identity and pricing tier. The page should include a smooth monthly/yearly toggle, subtle gradients, and a layout that feels clean, balanced, and premium. Think modern SaaS — minimal, colorful, and confidence-inspiring.
junior
+300 reps
You’ll be creating a pricing section for a SaaS-style platform. Your challenge is to combine clarity, hierarchy, and interactivity — so users instantly understand each plan and feel ready to choose. Each card should pop with personality, but the layout must stay cohesive.
Create 3 pricing plan cards — for example: Basic, Premium, and Custom.
Each card should have:
Unique background or subtle gradient
Plan name, features list, and price
A “Get Started” or “Subscribe” button
Implement a Monthly/Yearly toggle that updates prices accordingly.
Ensure the layout is fully responsive (mobile-first design).
Keep the typography clean and spacing consistent.
Use CSS gradients for soft color transitions between cards.
Animate the toggle switch smoothly.
Highlight the most popular plan subtly with a badge or shadow.
Try a slight scale-up animation on hover to make each card feel tactile.
Keep the color palette harmonious — bold but not noisy.
