Has the model design three responsive pricing cards for a SaaS homepage, with the priciest plan centered and the selected card highlighted.
Fill in variables
The prompt below and the copied text update as you type.
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:
- {{selected_card_color}} for the border color of the selected card.
- {{center_card}} to indicate which plan is the most expensive.
Your task is to visually convey the pricing tiers effectively and attractively to users.扮演一名网站设计师。你的任务是在一款 SaaS 应用程序的首页底部创建付款方案选项。将水平并排显示三张卡片：
- 最昂贵的卡片置于正中央，以吸引用户注意。
- 每张卡片应采用独特的配色方案；当前选中的卡片需带有高亮边框，以明确标示其为当前所选方案。
- 确保该设计具备响应式特性，并在所有设备上均呈现视觉吸引力。
可使用的变量：
- {{selected_card_color}}：表示当前选中卡片的边框颜色。
- {{center_card}}：用于标识哪一档方案为最昂贵的方案。
你的任务是以清晰、有效且富有吸引力的方式向用户直观传达各价格层级信息。