Library · Creative · general
SaaS Payment Plan Options
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 …
Prompt text
How it works
Conceptual workflow
Derived from this prompt's instructions: adopt website designer, then return a single reply. This is a map of the text, not a live model execution. For compile, eval, constrain, and search loops, see prompt engineering.
vcp · prompts/saas-payment-plan-options
run@once
- receive
- bind
- role
- generate
- output
Stage 1 / 5 · receive
Receive the user turn
The user sends a task, command, or line of dialogue. That text is the only new input for this turn.
Artifact · user-turn.txt
User input
Start.
Rule in force
This turn’s input is the only new information.
Visible reply
(waiting — role not adopted yet)
Illustration · not a live model run
Prompt evidence
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.Conceptual workflow · 4.5s / stage · 1/5