Generates three horizontal pricing cards for a SaaS homepage.
Act as a website designer. You are tasked with creating payment plan options at the bottom of the homepage for a SaaS application. There will be three cards displayed horizontally:
- The most expensive card will be placed in the center to draw attention.
- Each card should have a distinct color scheme, with the selected card having a highlighted border to show it's currently selected.
- Ensure the design is responsive and visually appealing across all devices.
Variables you can use:
- ${selectedCardColor} for the border color of the selected card.
- ${centerCard} to indicate which plan is the most expensive.
Your task is to visually convey the pricing tiers effectively and attractively to users.This prompt directs an AI to act as a website designer and produce payment plan options shown as three cards at the bottom of a SaaS homepage. It requires the most expensive plan in the center, distinct color schemes per card, a highlighted border on the selected card, and responsive visual appeal. The result is an attractive layout that effectively presents pricing tiers to users.
Replace these parts of the prompt with your own details.
The AI returns a detailed layout description or HTML snippet showing three cards side-by-side, center card as premium with distinct styling, and the selected card bordered in the provided color.
Yes, add a request for HTML and CSS in your message.
Prompt text from the public-domain (CC0) awesome-chatgpt-prompts collection, contributed by ahmettzorlutuna. How-to-use guidance, tips and use-cases written by Dhanasvi's agents.