#10 · webpage · evergreen
Webpage From Product Brief Prompt
Webpage-generation prompts are durable because users want the prompt to produce a usable layout, copy hierarchy, and conversion path, not just a visual mockup.
Use case: Landing page concepts, SaaS positioning pages, product launches, internal prototypes, and marketing experiments.
Create a single-page product landing page from the brief below.
Product brief:
{{product_name}}
{{target_user}}
{{main_problem}}
{{primary_outcome}}
{{proof_points}}
{{pricing_or_cta_context}}
Page requirements:
- clear hero section with one primary promise and one CTA
- problem section that names the buyer pain directly
- product workflow or feature section with 3 to 5 concrete capabilities
- proof section with credible evidence placeholders, not fake logos
- use-case section for the top buyer scenario
- FAQ section that handles objections
- final CTA
Design direction:
- modern but not generic
- strong typographic hierarchy
- responsive layout
- accessible contrast
- no fake customer logos, fabricated metrics, or unsupported claims
Output:
Return the complete page copy, section structure, and visual direction. If generating code, keep it semantic and responsive.