ISby Informeek Studio·Made with Claude·6 November 2026
LiveTry the Monthly / Yearly switch
The prompt
Claude · Claude Opus 5.5
Build a dark pricing section with three plans: Starter at $0, Pro at $24 and Enterprise at $79 a month. Highlight Pro with a violet gradient border and a "Most popular" badge. Add a Monthly / Yearly pill toggle that slides, with a "-20%" tag on Yearly, and animate the prices sliding up when it changes. Give each plan a short description, four or five features with tick marks and a button. Stack the cards on mobile.
Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.
Use it in three steps
Copy the prompt with the button above.
Paste it into your tool, such as v0, Lovable, Bolt or Claude.
Make it yours by swapping in your plan names, prices and features.
About this pricing page design
A pricing section has one job: help a visitor pick a plan without thinking too hard. This pricing page design does it with three cards and a single clear recommendation. The middle plan carries a violet gradient border and a “Most popular” badge, which draws the eye there first.
The Monthly and Yearly switch is the detail that makes it feel finished. The pill slides rather than jumping, and the prices roll upward as they change, so it is obvious something happened. A “-20%” tag on Yearly turns the saving into a number. On a phone the cards stack, with the recommended plan still standing out.
Why the prompt works
It names the plans and prices, so the tool does not invent its own.
It says which plan to highlight and how: a gradient border plus a badge.
It describes the motion, a toggle that slides and prices that slide up.
It covers mobile in one sentence.
The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.
We use cookies to measure how the site is used and, if you allow it, to show advertising. Prompts you copy and previews you try are never collected. See our privacy policy.