文本SaaS 三档定价卡片
文本
SaaS 三档定价卡片
为 SaaS 首页设计横向排列的三档付款方案卡片,突出居中的高价方案,并呈现选中状态与响应式布局。
Prompt
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.
使用建议
将选中卡片颜色和最高价方案替换为你的品牌方案,再让对话模型补全定价区块。
信息
- 类型
- 文本
- 许可
- CC0-1.0