Optimized for: Gemini / ChatGPT / Claude
Sidebar/Top-Bar Feature Breakdown Pricing Prompt
Use this engineered prompt to drastically optimize your workflow and output.
Required Variables
- ✦
[LAYOUT_TYPE] - ✦
[ACCENT_HEX]
sidebar-topbar-feature-breakdown.txt
Design a unique pricing layout where the feature names are listed in a fixed sidebar (on desktop) and the prices/CTAs are in a scrolling top-bar. If [LAYOUT_TYPE] is 'horizontal', reverse this. Use Tailwind's 'sticky' and 'overflow-x-auto' properties. The [ACCENT_HEX] should be used for all active states. Ensure that when a user scrolls horizontally through tiers, the feature labels on the left remain visible. This is for high-complexity SaaS products.
Example Output
"The AI creates a spreadsheet-like but beautiful interface for comparing dozens of features across multiple tiers without losing context."