Optimized for: Gemini / ChatGPT / Claude
Advanced AI Prompt for Modern SaaS Multi-Tier Pricing Table
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[BRAND_COLOR] - ✦
[TIER_DATA] - ✦
[FONT_FAMILY]
advanced-saas-multi-tier-pricing-table.txt
Act as a senior frontend engineer. Develop a highly responsive SaaS pricing table using Tailwind CSS and semantic HTML. Requirements: 1. Support three tiers: Basic, Pro, and Enterprise. 2. Use [BRAND_COLOR] for the primary 'Pro' highlight and CTA buttons. 3. Data for each tier should be derived from [TIER_DATA]. 4. Implement a mobile-first approach where cards stack vertically on small screens and use a grid layout on desktops. 5. Include a feature list with SVG icons for each tier. 6. Use the [FONT_FAMILY] font stack for all typography. Ensure accessibility with proper ARIA labels.
Example Output
"The AI generates a clean, grid-based layout with interactive hover states and a highlighted 'Pro' card using the specified hex code for the accent color."