What this prompt does
This prompt briefs an AI design tool to modernize a dated landing page while protecting the brand equity that is quietly working. It casts the AI as a senior product designer and demands a Figma-ready component list rather than a loose style suggestion. You provide [product], the [keep_assets] to preserve, the [conversion_goal], and a [style_direction], and it returns preserve/change lists, a fixed section order, the applied style, a named component list with variants, and a section-by-section wireframe.
The ordering is deliberate. By naming what to preserve before what to change, the brief stops the redesign from feeling like a different company overnight — the [keep_assets] (logo, palette, product name, tagline) survive intact while everything around them modernizes. Every section then ties back to the single [conversion_goal], which keeps the page from sprawling into a museum of features that impress nobody. The Figma-ready component list with named variants is what turns a mood into something a designer or AI tool can actually build, and the section-by-section wireframe ties each block to the action you want a visitor to take.
When to use it
- Modernizing a landing page that converts acceptably but looks dated
- Redesigning around one clear
[conversion_goal]instead of a vague "refresh" - Handing an AI tool or junior designer a brief that outputs components, not vibes
- Protecting hard-won brand equity (
[keep_assets]) through a visual overhaul - Imposing a specific
[style_direction]like a bento-grid hero with generous whitespace - Restructuring section order to lead visitors toward a single action
Example output
You get a preserve list and a change list first, then a fixed section order (hero, social proof, three-benefit row, screenshots, testimonials, pricing teaser, FAQ, CTA footer), the [style_direction] applied to each, a Figma-ready component list with names and variants, and finally a wireframe walkthrough section by section, each tied back to the conversion goal. It reads as a build spec, not inspiration.
Pro tips
- Be specific in
[keep_assets]— list the exact logo, palette, product name, and tagline so the AI does not quietly redesign equity you meant to keep - State one
[conversion_goal]only; if you list two, the section order loses its spine and the page sprawls - Make
[style_direction]concrete ("bento-grid hero, generous whitespace, subtle gradient accents") so the component variants have a clear visual target - Ask it to flag any section that does not serve the conversion goal, then cut those rather than redesign them
- Use the component list as your Figma starting point, but rename variants to match your existing design system before building
- Iterate by regenerating only the wireframe section, keeping the preserve/change lists fixed once you agree on them
- Add a one-line note about your current page's weakest section so the change list addresses the real problem, not a generic refresh
