Visual Lead Magnet Builder
Section 1: What This Is (and Why It Matters)
The Visual Lead Magnet Builder turns one hot step of your 9-step Product Roadmap™ into a finished, on-brand one-page graphic. In your colors. In minutes. Built by AI, opened from your own browser.
Here's why it matters. A lead magnet is the visual unique mechanism at the top of your funnel — a self-contained system a prospect can see on a single page. Seeing it opens a psychological loop: they want the training behind it. So the magnet doesn't teach the whole system — it earns the opt-in, and the training delivers the rest. The same title and visual then run on your ad, your opt-in page, and your amplifier page, so the whole funnel feels like one idea.
The rule that makes it work: a lead magnet is always ONE hot step — a fast, painful win you can solve quickly. Never try to cram the whole roadmap onto the page. One step, solved brilliantly, is what makes someone stop scrolling and opt in.
Section 2: What's in the Packet
You download one packet and keep it. Everything the AI needs to match your brand is inside — no internet, no full Fletcher repo required.
1. The Lead Magnet skill (SKILL.md)
The "brain." It teaches your AI exactly how to turn one roadmap step into an on-brand magnet — the six-piece content model, which layout to use, how to apply your brand, and how to write it in your voice. You install it once.
2. Three approved layouts
Three finished, self-contained HTML templates — Core (3-column), Storyboard (stacked bands), and Context Sidebar (proof rail). Same content model, different feel. Each is 1920×1080 (drops into a slide, ad, or PDF), fonts embedded so it renders anywhere, and built to take your brand.
Plus the reference material: content-model.md (the six pieces + a full worked example), bring-your-brand.md (how to make it yours), prompts.md (copy-paste prompts), design-tokens.css, and screenshots of the finished layouts.
Section 3: Setup — Choose Your Tool ~5 Minutes
Setup is a one-time thing. Pick the tool you use most.
Claude Code or Cowork (Recommended)
Drop the packet in your project
Unzip the packet folder into your project (the same place your Customer Engine workspace lives).
Install it as a recurring skill
Copy SKILL.md to .claude/skills/lead-magnet/SKILL.md inside your project. Now it's a permanent tool — your AI loads it automatically every time you ask for a lead magnet, and you never paste it again.
Start building
Say: "Build my lead magnet." It asks for your roadmap step, your content, and your brand, then writes a finished HTML file.
ChatGPT or Claude Projects (web)
Create a Project, paste SKILL.md into the custom instructions, and upload the templates/ folder + your brand guide. Then say "build my lead magnet." Same result.
Section 4: Bring Your Brand
A lead magnet that looks like a template converts like a template. This one is built to look like yours. Give the builder your brand before it builds, and it bakes it in.
The easiest way: if you already have a brand/style guide in your project (your Customer Engine workspace kit gives you one), just say "use my brand guide for the colors, fonts, and logo." Otherwise, hand it these three things:
- Your logo — a file (SVG or PNG). It replaces the "Your Logo" slot.
- Your header font — the font your headlines use. This is where your brand personality shows up most.
- Your accent color — your primary brand color (a hex code). It drives the CTA button, the top eyebrow, and the title highlight.
What gets branded to you
- Logo
- Header / display font (all titles)
- Accent color → CTA + eyebrow + title highlight
What stays fixed (on purpose)
- Green = "do this / your steps / positive"
- Red = pain
- The clean light canvas + card style
Section 5: The Six Pieces
Every magnet is built from the same six pieces, no matter the layout. Get these right and the design takes care of itself.
Promise (the title)
A short branded name (with ™) plus a subheadline in Million Dollar Message™ shape: "The one-page [system] that helps [audience] get [result] — without [pain 1], [pain 2], or [pain 3]."
3 Struggles
Three things your audience has tried and is stuck on — the failed attempts, in their words — ending on the "real problem" gut-punch. Red = pain.
Proof
Real results on this step — two hard numbers plus a supporting line, and one short testimonial. Never invent these; use your own story if that's what you have.
The 3 Steps (the system)
Three concrete steps to implement, in real detail — each with a "Say This On The Call" line, a short checklist, and a do/don't tactic. Specific, not vague.
Roadmap context
A small 3×3 map of your nine steps with this step lit — so the prospect sees exactly where the magnet fits and that there are eight more steps behind the opt-in.
Call to action
One clear CTA to get the rest of the system: opt into the free training / webinar / VSL that covers all nine steps.
Section 6: Build Your First Lead Magnet ~15 Minutes
Pick the one hot step
From your 9-step roadmap, pick the single step that solves a fast, painful win. That's your magnet.
Pick a layout
Core, Storyboard, or Sidebar (Section 7). Default to Core if you're unsure.
Answer the six pieces
The builder interviews you for the six pieces, one at a time. Give it real detail and real numbers — it won't invent them.
Point it at your brand
Logo + header font + accent color (Section 4). This is what makes it look like yours.
Preview + refine in plain English
It writes a single HTML file. Double-click to open it. Then edit with words: "tighten step 2," "use my brand blue," "swap to the storyboard layout."
Use it everywhere
Embed it on your opt-in page, screenshot it for an ad, or print it to PDF. Reuse the same headline + visual across the ad, landing page, and amplifier page.
Section 7: Pick a Layout
Core (3-column)
Struggles | 3-step system | proof + quote, with a full-width roadmap strip. The balanced default — great for most magnets.
Storyboard
Stacked bands top-to-bottom: struggles → the fix → proof → roadmap. Reads like a narrative; good when the steps carry scripts + checklists.
Context Sidebar
A roadmap/proof/quote rail beside a problem strip over stacked step cards. Proof-forward — good when your numbers do the selling.
Same content, either way
All three use the identical six pieces — you can switch layouts any time with one sentence without re-entering your content.
Section 8: Tips for a Great Magnet
- One hot step, not the whole system. The magnet earns the opt-in; the training delivers the rest. If you're teaching all nine steps, you've made a course, not a magnet.
- Every step must be specific. "Open with the Gap Question and write their exact words" beats "communicate value." Give the verbatim script line — that's the value they can feel.
- Use real numbers. "60–80% close at full price" earns trust; "most people" earns a scroll. If you don't have client numbers yet, use your own story.
- Make it yours. Logo, header font, accent color — a branded magnet outperforms a generic one every time.
- Fill every card. No dead white space. A thin card means a missing script line or checklist, not a design problem.
Section 9: Common Mistakes
❌ Don't
Try to teach the entire roadmap on one page. It buries the hook and kills the opt-in.
✅ Do
Solve ONE hot step brilliantly and point to the full 9-step training in the CTA.
❌ Don't
Ship the default green skin as if it were your brand.
✅ Do
Give it your logo, header font, and accent color first. A generic magnet is a failed magnet.
❌ Don't
Write vague steps ("build rapport," "add value") or invent proof numbers.
✅ Do
Give concrete actions with a verbatim script line, and use real results — your own if that's what you have.
Section 10: What's Coming Next
Your lead magnet is the top of the funnel. It pairs with the rest of your Customer Engine: the Product Roadmap™ it's pulled from, the Visual Product Roadmap Builder that renders the whole roadmap as a hero graphic, and the training your CTA points to. Build the magnet, run it on your ad + opt-in + amplifier pages, and send the traffic into the training that teaches all nine steps.
Ready to build your first lead magnet?
Grab the packet, pick the one hot step of your roadmap, have your brand handy, and say "build my lead magnet." Your first one takes about fifteen minutes.