prompt

Landing Page Wireframe Planner

Plans the section-by-section wireframe of a landing page mapped to the visitor journey.

VettedUpdated June 2026
The prompt
Plan a landing page wireframe for {{offer}} targeting {{audience}}. List the sections top to bottom (hero, social proof, problem, solution, features, objections, pricing, final CTA), what each must communicate, and the single action you want at each scroll depth. Note where to repeat the primary CTA.
Did it work? Rate this prompt

Variables

offerOffer
audienceAudience

Example output

Landing page for a time-tracking app, targeting freelancers. Sections top to bottom: 1) Hero — headline on the core benefit, subhead, primary CTA Start free. 2) Social proof — logos or a number of users, to build trust early. 3) Problem — the pain of manual time tracking. 4) Solution — how the app fixes it in one line plus a product shot. 5) Features — three benefit-led blocks, not a feature dump. 6) Objections — a short FAQ on price, data, and switching. 7) Pricing — simple tiers with the recommended one highlighted. 8) Final CTA — restate the benefit and repeat Start free. Action per depth: hero asks for the trial; mid-page asks to keep scrolling and learn; pricing and footer ask for the trial again. Repeat the primary CTA in the hero, after features, and in the final section.

Details

Author

AI Khazna

License

Security

Vetted

Type

prompt

Related assets

More curated picks in Design & Creative.

skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/canvas-design ~/.claude/skills/
Canvas Design
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/web-artifacts-builder ~/.claude/skills/
Web Artifacts Builder
Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui…★ 4.8 · 2,500+
skillclaude_appclaude_codeclaude_api
git clone https://github.com/anthropics/skills && cp -r skills/skills/slack-gif-creator ~/.claude/skills/
Slack Gif Creator
Knowledge and utilities for creating animated GIFs optimized for Slack. Provides constraints, validation tools, and animation concepts. Use when users…★ 4.8 · 2,500+
prompt
Checks color pairs against WCAG contrast rules and suggests accessible fixes.
Accessibility Contrast Checker
Checks color pairs against WCAG contrast rules and suggests accessible fixes.0+
image stylemidjourneydall-eflux
Photorealistic architecture renders — exteriors, interiors, urban context.
Architectural Render Style Pack
Photorealistic architecture renders — exteriors, interiors, urban context.0+
prompt
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.
Dark Mode Palette Adapter
Adapts a light-mode color palette to an accessible dark-mode palette with surface and text tokens.0+

Audit before you install

Run any source through our checks - AI visibility, security, performance, and stack detection.

More in Design & Creative