You're in. Let's build.

Welcome to
The Sales Page Kit.

In about 30 minutes you'll have a complete, published sales page. Not a draft. A real page, live on the internet, that sounds like you and looks like money. We'll take it one step at a time — every step is guided.

The process

Four steps. That's it. Here's the full picture so nothing surprises you.

1

🎙

Record

Answer 7 questions out loud on a voice memo or Loom. Just talk naturally.

5–10 min

→

2

⚡

Upload & Build

Drop your transcript, template, and prompt into Claude. It builds your V1.

2 min

→

3

✏️

Refine

Review V1, give feedback, swap your photo and links. 2 to 3 messages.

10–15 min

→

4

🌐

Download & Host

Download the final HTML file. Drag it into Netlify Drop. Your page is live.

2 min

What you walk away with

🖥

A complete sales page

16 sections. Fully written. In your voice.

🎨

10 design themes

One click to switch. Yours forever.

🌐

A live URL

Hosted free. Share it anywhere.

📁

Your HTML file

You own it. Host it anywhere, forever.

Before you start

How Claude's free plan works with this project

You can build your entire sales page on Claude's free plan. The template is a large file, so each message uses more of your allowance than a normal chat. The free plan resets every 5 hours — so if you run out of messages during the process, you can wait for the reset and pick up exactly where you left off.

If you want to do everything in one sitting without interruptions, consider upgrading to the Pro plan ($20/month) just for the month. You can upgrade at claude.ai/upgrade.

Either way, same result. The free plan and Pro plan produce the same quality output. The only difference is how fast you can move through the steps.

Step 1 — Record

Answer these 7 questions in one recording.

Use Voice Memo, Otter.ai, or Loom. One sitting. Just talk naturally — Claude does the rest.

Just do your best. You do not need perfect answers. Share whatever you can and Claude will work with it. If you get stuck on any question, just say so in your recording and ask Claude to help fill in the gaps.

🎙

Record

Open Otter.ai, Loom, or your phone's Voice Memo app. Say the question number before each answer. Record all 7 in one go.

📄

Transcribe

Otter.ai and Loom transcribe automatically. For Voice Memo, upload the file to Claude or Otter.ai to transcribe. Save the text as a document.

The 7 questions

Read each question before you record. Come back here anytime during your recording session.

After recording

✅ You're ready for the next step

Make sure you have your transcript saved as a text document. You'll attach it to Claude along with the HTML template in the next step. No special formatting or labelling needed — Claude will read the whole transcript and pull out what it needs.

Step 2 — Upload & Build

Drop these three things into one Claude message.

Choose your theme, select your hero style, attach your files, and paste the prompt. Claude does the rest.

1

📄

Sales Page Template

i. Download the template file below.

ii. Open it in your browser and preview the themes using the bar at the top.

iii. Come back here and select your theme in the selector below.

iv. Attach the file in Claude.

2

🎙

Your Transcript

i. You already have this from your recording.

ii. It is the transcript from your Loom or voice memo.

iii. Attach as a file or paste the text into your message.

3

✍️

The Prompt

i. Select your theme in the selector below — the prompt updates automatically.

ii. Copy the prompt.

iii. Paste it into your Claude message and hit send.

Two decisions before you send

🖥️ What should your hero look like?

Not everyone is selling a digital product. Choose the hero style that fits your offer. The prompt updates automatically.

📱

Device mockup

Digital products, templates, courses

👤

My photo

Coaches, consultants, personal brands

✦

Text only

Clean and minimal, any offer type

✓ Device mockup selected — great for digital products.

🎨 Choose your theme

Click the theme you want. The prompt updates automatically.

Still

Sovereign

Fitzgerald

Valencia

Electric

Roslyn

Blanc

Cherry Bomb

Margarita

Whisper

Court

No theme selected yet — pick one above.

Copy and paste this into your Claude message

Copy this prompt

I am attaching a sales page HTML template and a transcript from my recording where I share all the details about my offer. Your job is to take the template and produce a complete sales page with all the placeholder content replaced by real copy based on my transcript. Use my tone of voice and the content from my transcript. Keep the copy at a 6th grade reading level, conversational and grounded. No hype, no em dashes, no filler. British spelling throughout. The transcript is a natural recording where I answer these 7 areas: 1. What my offer is and who it is for 2. The core outcome or transformation 3. The biggest frustrations my buyer has right now 4. The main things my offer includes 5. My story and how this offer came to exist 6. What people ask or worry about before buying 7. What makes my approach different Fill in every section of the template using my transcript. Where I have not covered something, write the most credible and specific version you can based on what I have shared. Do not invent statistics or testimonials. Remove the sticky theme picker bar from the output and apply only the chosen theme's CSS variables directly into the root styles. The output should be a clean single-theme page with no picker present. Produce the complete finished HTML file ready to save and open in a browser. Please apply the [YOUR THEME NAME] theme.

What happens next:

1. Claude will generate a complete HTML file with your sales page fully written and designed.

2. Download that file.

3. Open it in your browser. Voilà — that's the first version of your sales page done! 🎉

4. Read the entire page from top to bottom. Note anything you want to change.

5. Head to the Refine tab — that's the next section — where we tweak and polish it together.

Step 3 — Refine

Polish your sales page in 2 to 3 messages.

Start a new chat for each refinement. Download the latest version Claude produced, upload it into the new chat, and give your next instruction. This keeps the context lean and saves tokens.

Copy Feedback

Mockups & Photo

Links & Footer

Refinement 1

Record one voice memo with all your copy changes

Open V1 in your browser, start a voice memo or Loom, and scroll through saying what you want changed. If a section is fine, say "the [section] is good, leave it." Cover everything in one recording.

1

👁

Read V1

i. Download the HTML file. Open it in your browser.

ii. Read the entire page before you start recording.

2

🎙

Record one pass

i. Start recording and scroll through the page.

ii. Call out changes for: hero, pain points, features, story, FAQ, CTAs. Cover everything in one recording.

3

⚡

Transcribe & send

i. Get your transcript. Start a new Claude chat.

ii. Upload the V1 HTML file and paste the prompt below with your feedback transcript.

Walk through each of these in your recording

1

Hero section

Read the headline and subheadline. Does it sound like you? Is the ticker bar right? Is the price badge correct?

"Change the headline to: [your version]. The price should say $[X] not $[Y]."

2

Pain points

Read each one. Do they match what your buyer actually feels? Replace any that feel generic.

"Pain point 2 should say: [your version]."

3

What You Get

Are the feature names right? Do the descriptions match what your offer actually includes?

"Feature 3 should be called [your name], not [what Claude wrote]."

4

How It Works

Are the steps accurate? Do they describe the real experience from purchase to result?

"Step 2 should say: [your version]."

5

Story & credentials

Does it sound like your story? Are the numbers right? Does it capture why you built this?

"Change [X clients] to [correct number]. I was a freelancer first, not in corporate."

6

FAQ

Are these the real objections? Are the answers honest? Anything missing?

"Add a FAQ that says: Does this work for service providers, not just coaches?"

7

Everything else

Comparison section, CTA headlines, guarantee, closing section. Anything off?

"The final CTA headline should say: [your version]."

Start a new Claude chat. Attach two things, paste one.

📎

Attach 1: Your V1 HTML file — the sales page Claude generated in Tab 3.

Attach 2: Your feedback transcript — the transcribed text of your voice recording above.

Paste the prompt below and hit send. Claude returns V2.

⚙️ While you are here

Hero animation effects

Adds a touch of interactivity to your hero section — soft glowing circles that pulse gently in the background, plus a ripple effect that follows your visitor's mouse. Feels premium and polished. Off by default. If you'd like to add these effects, toggle on above. Otherwise leave it off and there is nothing you need to do.

This will be added to your prompt below automatically.

Copy this prompt

Here is my sales page (attached). Below is my voice feedback transcript with every copy change I want. Please go section by section and apply each change exactly as I describe it. Keep everything I did not mention the same. Keep the copy conversational and at a 6th grade reading level. No hype, no em dashes. Produce the complete updated HTML file.

[paste your voice feedback transcript here]

Refinement 2 (Optional)

About the mockups and your photo

🖥️

The hero device mockup fills in automatically. The laptop, tablet, and phone screens in your hero section are generated from the content Claude writes based on your transcript. You do not need to upload any screenshots — the mockups already reflect your offer.

✏️

Want to adjust the mockup content? If something in the device screens does not look right, just mention it in your copy feedback recording. Claude will update it in the same pass. No separate step needed.

Your photo

Add your photo to the story section

Your story section has a placeholder where your photo goes. If you chose "My photo" as your hero style, there will also be a second placeholder in the hero. Start a new Claude chat, attach your latest HTML file and your photo(s), and use the right prompt below.

One photo — story section only

Copy this prompt

Here is the current version of my sales page (attached). I am also attaching my photo. Please place it in the story section where the current image placeholder is. Keep all copy and layout exactly the same. Produce the complete updated HTML file.

Two photos — hero and story section

Copy this prompt

Here is the current version of my sales page (attached). I am attaching two photos. Place the first photo in the hero section and the second photo in the story section. Keep all copy and layout exactly the same. Produce the complete updated HTML file.

💡

Save a message: You can combine this with your copy feedback. Just attach your photo(s) alongside your HTML file and transcript in the same message, and add "also place my photos as described above" to your prompt.

Refinement 3

Wire up your buttons, footer, and legal links

Before you send this message, make sure you have your checkout link ready. If you need to create one, follow the steps below.

This is not legal advice. You are responsible for knowing what legal pages your business requires and for making sure they are accurate. Common footer links include a privacy policy, terms of service, disclaimer, and cookie policy. All legal links are optional — leave any field blank and Claude will remove that link from your footer entirely.

Have these ready

🔗

Your checkout link

A Stripe Payment Link, ThriveCart URL, GoHighLevel checkout page, Skool join link, or wherever people pay you. This goes on every CTA button.

🏢

Your company or brand name

The name that appears in your footer. This can be your business name, your personal brand name, or your LLC name.

📧

Your contact email

The email address for your footer. This is where people reach you with questions.

📋

Your legal page links (optional)

Privacy policy, terms of service, disclaimer, cookie policy. Include only the ones your business actually has. Leave any field blank and Claude will remove that link from your footer.

Link wiring prompt

Start a new chat. Upload the latest version. Paste this prompt.

Copy this prompt

Here is the current version of my sales page (attached). Please wire up all the final links:

• All CTA / buy buttons link to: [your checkout URL]
• Footer company name: [your brand name]
• Footer contact email: [your email]
• Footer privacy policy link: [your privacy URL]
• Footer terms of service link: [your terms URL]
• Footer disclaimer link: [your disclaimer URL]
• Footer cookie policy link:

Keep all copy, images, and layout exactly the same. For any legal link fields left as placeholder text, remove that link from the footer entirely rather than leaving a dead link. Produce the complete updated HTML file ready to download and host.

Fill these in — the prompt updates automatically

Checkout URL

Brand name

Contact email

Privacy policy

Terms of service

Disclaimer

Cookie policy

🪴

Want one place to sell, host your community, and run your courses? Check out Hopper → — an all-in-one commerce platform built by the same person who made this kit. Sell digital products, run courses, build membership tiers, and manage your community from one dashboard — with a mobile app included.

Step 4 — Download & Host

Download your file and host it for free.

Your sales page is a single self-contained HTML file. The design, copy, and any images Claude embedded are all inside it — nothing is stored separately, nothing can break. One file. Drag it in. Done. No WordPress, no website builder, no technical knowledge required.

How to deploy

1

⬇

Download your file

i. Download the final HTML file from Claude.

ii. Save it to your computer.

2

🖱

Drag and drop

i. Go to app.netlify.com/drop.

ii. Drag your single HTML file into the upload area. That's it.

3

🌐

Go live

i. Netlify gives you a live URL instantly.

ii. Copy it and share it anywhere. Optionally connect your own domain for free.

Other options that work just as well: Tiiny Host (tiiny.host) and Cloudflare Pages both support single HTML file hosting with no account needed. Note: Static.app has a 7-day free trial — after that you need a paid plan, so we no longer recommend it.

✦

Congrats, you built it!

A real sales page. Live on the internet. In your voice. Built with a voice memo and the free version of Claude. Go share it.

The system behind this tool

Start the Business You Can't Stop Thinking About.

The Sales Page Kit gave you a page. BYOB gives you the whole spine. In six weeks, you'll build the operating system behind your business — your offer, your brand voice, your content, your sales flow. Built around who you actually are, not someone else's blueprint.

"Most programs stack tools. BYOB tunes your whole operating system."

Next intake: Q2 2026

Enrolment opens soon. Get on the waitlist.

Welcome toThe Sales Page Kit.

Answer these 7 questions in one recording.

Drop these three things into one Claude message.

Polish your sales page in 2 to 3 messages.

Download your file and host it for free.

Welcome to
The Sales Page Kit.