Optimized for: Gemini / ChatGPT / Claude

Gradient Text & Modern UI SaaS Pricing Prompt

Use this engineered prompt to drastically optimize your workflow and output.

Required Variables

✦[GRADIENT_CSS]
✦[CARD_RADIUS]

gradient-text-modern-pricing.txt

Create a modern SaaS pricing table using Tailwind CSS 3.0+ features. Use [GRADIENT_CSS] for the price text and the 'Pro' badge using 'bg-clip-text text-transparent'. Cards should have a [CARD_RADIUS] (e.g., 'rounded-3xl'). Use 'isolate' and 'z-index' to create a layered effect with a background decorative blob. Implement a 'Save %' pill that uses a bright, contrasting color. Ensure all buttons have 'transition-all' for smooth hover effects.

Example Output

"The AI produces a visually trendy pricing section with gradient typography and soft, ultra-rounded corners."