30 Claude Prompts That Build Landing Pages

You are a senior SaaS conversion copywriter and front-end designer. <context> I need a single-purpose landing page whose only job is to start free trials. Build it as one self-contained HTML file with inline CSS so I can preview it instantly as an artifact. No navigation to other pages, no distractions from the trial CTA. </context> <inputs> - Product (one line): [WHAT IT DOES] - Target customer: [WHO IT IS FOR] - Core problem it kills: [PAIN POINT] - Trial terms: [LENGTH, NO CARD / CARD REQUIRED] - Proof I have: [METRICS, LOGOS, TESTIMONIALS] - Brand vibe: [CLEAN B2B / TECHNICAL / FRIENDLY] </inputs> <task> Build a focused free-trial landing page: a hero with a sharp outcome headline, a one-line subhead, a single "Start free trial" CTA that names the trial terms, and a product-visual placeholder; a trusted-by logo strip; three outcome-led value props; a short "how it works in 3 steps" block; a single best testimonial with a real-feeling result; an objection-busting "what happens when the trial ends" note; and a closing CTA band. Every section should push toward the trial. Write all copy benefit-led and specific. </task> <constraints> - One self-contained, responsive HTML file; no dependencies except Google Fonts. - Exactly one CTA action repeated (start trial); no competing links or external nav. - Mobile-first, accessible contrast, semantic HTML, real copy (no lorem ipsum). - CTA copy names the outcome and the trial terms, never "Submit". </constraints> <format> Return the full HTML in an artifact, then list the friction-reducers you used and the first two things to A/B test on the trial CTA. </format>

You are a product marketer who writes pages that sell one capability hard. <context> I want a landing page dedicated to a single feature, not the whole product. Build it as one self-contained HTML file with inline CSS, previewable instantly as an artifact. The page exists to convert visitors who care about this one thing. </context> <inputs> - The feature: [NAME PLUS WHAT IT DOES] - The job it gets done: [OUTCOME FOR THE USER] - Who searches for this: [AUDIENCE OR USE CASE] - Before vs after using it: [PAINFUL OLD WAY / EASY NEW WAY] - Primary action: [START FREE / SEE IT IN ACTION] - Proof: [SCREENSHOT IDEA, METRIC, QUOTE] </inputs> <task> Build a single-feature spotlight page: a hero naming the feature and the exact job it does with one primary CTA and a feature-visual placeholder; a sharp before-and-after comparison block (old way vs new way); a "how it works" walkthrough in three captioned steps with placeholder screenshots; a who-it-is-for / use-case list; one focused testimonial tied to this feature; and a final CTA. Keep the entire page about this one capability. Write concrete, demo-style copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Stay on a single feature; do not turn it into a full product tour. - Semantic, accessible markup; styled placeholder blocks captioned for each screenshot. </constraints> <format> Return the full HTML as an artifact, then explain the before/after framing you chose and where a short demo GIF would lift conversions most. </format>

You are a SaaS growth marketer who builds pages targeting a specific integration or use case. <context> I need a landing page targeting one integration or use case (e.g. "[Product] for Slack" or "[Product] for agencies"). Build it as one self-contained HTML file with inline CSS, previewable instantly as an artifact, so it ranks and converts for that narrow intent. </context> <inputs> - Product: [WHAT IT DOES] - The integration or use case this page targets: [E.G. WORKS WITH X / FOR Y TEAMS] - The specific outcome for this audience: [WHAT THEY ACHIEVE] - Key workflow this page should sell: [THE MAIN JOB] - Primary action: [CONNECT / START FREE / BOOK DEMO] - Proof for this segment: [LOGOS, METRIC, QUOTE] </inputs> <task> Build a use-case landing page: a hero with a headline naming the exact integration or audience and the outcome, plus one CTA; a "what you can do with it" three-benefit block specific to this use case; a step-by-step workflow section showing the integration in action with placeholders; a segment-specific proof strip; a short FAQ answering objections unique to this audience; and a closing CTA. Write copy that speaks only to this segment. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Headline and copy must repeat the integration or audience term for relevance. - Accessible, semantic markup; real, segment-specific benefit copy. </constraints> <format> Return the full HTML as an artifact, then explain how you tuned the copy for search intent and which segment objection to test answering higher up. </format>

You are a paid-acquisition specialist who designs click-through pages that warm traffic before the real conversion. <context> I need a click-through landing page for a paid ad: no form on the page, just enough persuasion to send the visitor to my checkout or signup with one button. Build it as one self-contained HTML file with inline CSS, previewable instantly as an artifact. </context> <inputs> - What I am promoting: [PRODUCT OR OFFER] - The ad promise that brought them here: [THE HOOK FROM THE AD] - Where the button sends them: [CHECKOUT / SIGNUP / APP STORE] - Top three reasons to continue: [BENEFITS] - Proof: [RATING, USERS, GUARANTEE] - Vibe: [URGENT, PREMIUM, FRIENDLY] </inputs> <task> Build a click-through bridge page: a hero that matches the ad promise word-for-word with one prominent continue button; a tight three-reason value block; a single proof element (rating, count, or guarantee); a short risk-reversal line; and a repeated continue button at the bottom. No forms, no second offer, no off-ramps. The page exists only to earn the next click. Write concise, momentum-building copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Exactly one destination button, repeated; no forms and no competing links. - Message-match the ad hook in the hero; accessible markup and large tap targets. </constraints> <format> Return the full HTML as an artifact, then explain the message-match you preserved and what to test on the continue button to cut bounce. </format>

You are a competitive-positioning copywriter who builds fair, persuasive comparison pages. <context> I need a landing page positioning my product against a named competitor or category (e.g. "[Product] vs [Competitor]" or "the best [Competitor] alternative"). Build it as one self-contained HTML file with inline CSS, previewable instantly as an artifact. It should convince switchers without sounding bitter. </context> <inputs> - My product: [WHAT IT DOES] - The competitor or category I am compared to: [NAME] - Why people switch to me: [3-4 REAL DIFFERENTIATORS] - Where the competitor is genuinely fine: [ONE HONEST CONCESSION] - Primary action: [START FREE / SWITCH NOW / SEE PRICING] - Proof: [SWITCHER QUOTE, METRIC, MIGRATION EASE] </inputs> <task> Build a comparison landing page: a hero stating the comparison and the one reason to switch with a CTA; a clean feature comparison table (my product vs the competitor) with honest checkmarks; a "why teams switch" three-reason block; one honest concession that builds trust; a switcher testimonial; a migration or onboarding reassurance note; and a closing CTA. Write confident, credible, non-petty copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The comparison table must be accessible (proper headers) and scannable; include at least one honest concession. - Semantic markup; specific differentiators, no vague "better" claims. </constraints> <format> Return the full HTML as an artifact, then explain how the honest concession builds trust and which differentiator to lead the hero with. </format>

You are a B2B demand-generation strategist who designs pages that book qualified demos. <context> I need a landing page whose single goal is booking a product demo, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. It should feel high-trust and qualify leads without scaring them off. </context> <inputs> - Product: [WHAT IT DOES] - Who I want to demo to: [TARGET ROLE / COMPANY TYPE] - What they will see in the demo: [WHAT IS COVERED] - Form fields: [NAME, WORK EMAIL, COMPANY, TEAM SIZE, ETC] - Proof: [CLIENT LOGOS, RESULTS, CERTIFICATIONS] - Vibe: [ENTERPRISE, APPROACHABLE] </inputs> <task> Build a demo-request landing page: a two-column hero where the left states who the demo is for and what they will see, and the right holds a styled, accessible demo-request form with a benefit-led button; a "what to expect on the call" three-step reassurance block; a value-props section on outcomes after adopting; a client-logo proof strip; one results-driven testimonial; and a privacy/no-spam trust line near the form. Write specific, qualifying copy that earns the form fill. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Form has accessible labels, sensible field types, required markers, and a clear value-led button; keep fields to the minimum that qualifies. - Reassurance copy beside the form (response time, no spam); real benefit copy throughout. </constraints> <format> Return the full HTML as an artifact, then explain your field choices for qualification vs friction and how to connect the form to a CRM. </format>

You are a content-marketing strategist who builds email-gated lead-magnet pages. <context> I have a downloadable lead magnet (guide, template, checklist) and need a landing page that trades it for an email, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. </context> <inputs> - The lead magnet: [NAME PLUS WHAT IT IS] - The outcome it delivers: [WHAT THE READER GETS DONE] - Who it helps: [AUDIENCE] - What is inside: [3-5 KEY ITEMS / CHAPTERS] - What I offer after: [RELATED PRODUCT OR NEWSLETTER] - Vibe: [PRACTICAL EXPERT, PLAYFUL] </inputs> <task> Build a lead-magnet download page: a two-column hero with the resource title, the outcome, and a cover-image placeholder on one side and an email-capture form with a "get the [resource]" button on the other; a "what is inside" three-to-five-point block; a quick "who this is for" line; a credibility or download-count proof element; a one-line privacy reassurance under the form; and a soft after-the-download note about what they will also receive. Write generous, specific copy that makes the trade obvious. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The email form is the single dominant action with an accessible label and value-led button. - Lead with the value before any cross-sell; styled cover placeholder, real benefit copy. </constraints> <format> Return the full HTML as an artifact, then explain the value framing that justifies the email and how to wire the form to an email provider. </format>

You are a services-marketing copywriter who builds pages that book consultations and quote requests. <context> I sell a service and need a landing page that gets people to request a free consultation or quote, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. </context> <inputs> - The service: [WHAT YOU DO] - Who you serve: [IDEAL CLIENT] - The offer: [FREE CONSULTATION / AUDIT / QUOTE] - Why it is worth their time: [THE VALUE OF THE CALL] - Form fields: [NAME, EMAIL, PROJECT DETAILS, BUDGET, ETC] - Proof: [CLIENTS, RESULTS, YEARS, REVIEWS] </inputs> <task> Build a consultation-request page: a hero stating the service and the free offer with a benefit-led CTA; a two-column block pairing "what you get from the call" reassurance with an accessible request form; a "how it works" three-step process (request, talk, plan); a results or client-logo proof strip; one outcome-focused testimonial; a trust note on no-obligation and response time; and a final request CTA. Write warm, low-pressure, credible copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Form has accessible labels and a clear value-led button; minimal fields plus an optional details box. - Emphasize no-obligation and a concrete response time; real benefit copy, no filler. </constraints> <format> Return the full HTML as an artifact, then explain how you reduced the perceived risk of requesting a call and what to test in the form button. </format>

You are an audience-growth copywriter who builds newsletter subscribe pages that convert cold visitors. <context> I run a newsletter and need a single-purpose subscribe page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. Its only job is to capture the email. </context> <inputs> - Newsletter name and topic: [NAME PLUS WHAT IT COVERS] - Who it is for: [READER PROFILE] - The recurring value: [WHAT EVERY ISSUE DELIVERS] - Cadence: [DAILY / WEEKLY] - Social proof: [SUBSCRIBER COUNT, NOTABLE READERS] - Vibe: [SHARP, FUN, NICHE EXPERT] </inputs> <task> Build a newsletter subscribe page: a centered hero with a crisp value-prop headline, a one-line description of what readers get and how often, and a single email form with a benefit-led button; a "what you get in every issue" three-bullet block; a subscriber-count or notable-reader proof line; a one-line sample-issue teaser; a short reader testimonial; and a final subscribe CTA. Keep it focused and skimmable, with no competing actions. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The email form is the single dominant action; accessible label and clear button. - Voice-driven, specific copy that sells the read; a no-spam line under the form. </constraints> <format> Return the full HTML as an artifact, then explain the value framing you chose and what to test in the subscribe button copy. </format>

You are a growth marketer who specializes in pre-launch waitlists and referral loops. <context> My product is not live yet and I need a waitlist capture page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. Its only goal is to collect emails and create momentum. </context> <inputs> - Product teaser (one line): [WHAT IS COMING] - Who it is for: [AUDIENCE] - Why join early: [EARLY ACCESS PERK, FOUNDER PRICING] - Expected launch: [TIMEFRAME OR "SOON"] - Capture field: [EMAIL ONLY / EMAIL PLUS NAME] - Vibe: [MINIMAL, PLAYFUL, PREMIUM] </inputs> <task> Build a waitlist capture page: a centered hero with an intriguing headline and a one-line promise; a single clean email form with a benefit-led button; a three-bullet "what you get for joining early" block; a referral or "share to move up the list" prompt with a placeholder share link; a subtle "launching soon" or position cue; and a minimal footer. Keep the page distraction-free and built entirely around the capture. Write copy that creates curiosity plus a clear reason to join now. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The form is the single hero action; no competing CTAs. - Accessible labels on the input; include a "you are number X" microcopy slot and a one-tap share link. </constraints> <format> Return the full HTML as an artifact, then explain the curiosity and referral hooks you used and how to wire the form to a real waitlist tool. </format>

You are an event marketer who designs webinar pages that fill virtual seats. <context> I am running a webinar and need a registration page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. Its only job is to get registrations. </context> <inputs> - Webinar title and topic: [NAME PLUS WHAT IT COVERS] - Date and time: [WHEN, WITH TIMEZONE] - Who should attend: [AUDIENCE] - The promise: [WHAT ATTENDEES WALK AWAY WITH] - Host(s): [NAME, TITLE, CREDIBILITY] - Registration model: [FREE, REPLAY AVAILABLE?] </inputs> <task> Build a webinar registration page: a hero with the title, date, time with timezone, a one-line promise, and a register CTA; a "what you will learn" three-to-four bullet block; a host bio with photo placeholder and credibility; an agenda outline; a single registration form or prominent register button (your choice, stated); a "can't make it live? register for the replay" reassurance line; and a final register CTA. Write specific, benefit-led copy that beats "learn the basics". </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Date, time, and timezone must be unmissable above the fold; register CTA repeated. - Accessible markup; if a form is included it has proper labels; real learning-outcome copy. </constraints> <format> Return the full HTML as an artifact, then explain how you handled the live-vs-replay objection and where to add a countdown for urgency. </format>

You are a direct-response marketer who sells seats to live workshops and masterclasses. <context> I am hosting a paid or free live workshop and need a registration landing page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. The page should sell the value of attending live. </context> <inputs> - Workshop name and outcome: [NAME PLUS WHAT YOU WILL BE ABLE TO DO AFTER] - Date, time, duration: [DETAILS WITH TIMEZONE] - Who it is for and the prerequisite: [IDEAL ATTENDEE] - What you will build or do live: [HANDS-ON ELEMENT] - Host and credibility: [WHO YOU ARE, RESULTS] - Price and seat limit: [FREE / PRICE, CAPACITY] </inputs> <task> Build a live workshop page: a hero with the outcome promise, date and time, and a reserve-my-seat CTA; a "by the end you will" outcome block; a "what we will do live" hands-on agenda; a who-it-is-for and prerequisites note; a host bio with credibility; a seat-scarcity or early-bird urgency band; an objection FAQ (recording, refunds, level); and a final reserve CTA. Write energizing, specific copy that justifies showing up live. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Emphasize the live, hands-on value and limited seats honestly; reserve CTA repeated. - Accessible, semantic markup; concrete outcome copy, no "level up your skills". </constraints> <format> Return the full HTML as an artifact, then explain how you justified attending live and where the seat-scarcity element should sit for honesty. </format>

You are an event marketer who designs conference and summit pages that drive ticket sales. <context> I am promoting a multi-session conference or virtual summit and need a registration landing page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. </context> <inputs> - Event name and theme: [NAME PLUS THE BIG THEME] - Format, dates, location: [IN-PERSON / VIRTUAL, WHEN, WHERE] - Who should attend: [AUDIENCE] - Speaker highlights: [3-6 NAMES WITH TITLES] - Ticket tiers: [FREE / PAID, EARLY BIRD] - Last-year proof: [ATTENDEE COUNT, RATINGS, QUOTES] </inputs> <task> Build a conference landing page: a hero with the event name, theme, dates, location, and a register CTA; a key-details band (dates, format, price); a "why attend" three-benefit block; a speakers grid with photo placeholders and titles; a tracks or agenda-highlights section; a last-year stats or testimonial strip; a ticket-tier pricing section with early-bird urgency; a logistics FAQ; and a final register CTA. Write energizing, specific copy. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Dates, location, and price must be scannable above the fold; register CTA repeated. - Accessible speaker grid and pricing table; real benefit copy and realistic speaker captions. </constraints> <format> Return the full HTML as an artifact, then explain how you used the speaker lineup and early-bird deadline to create urgency, and where to embed the ticket widget. </format>

You are an app marketing designer who builds App Store and Play Store conversion pages. <context> I need a download landing page for my mobile app, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. Its only job is to drive store installs. </context> <inputs> - App name and one-liner: [NAME PLUS WHAT IT DOES] - Platforms: [IOS / ANDROID / BOTH] - Top three things it helps people do: [BENEFITS] - Rating or downloads proof: [STARS, NUMBER OF USERS] - Brand vibe: [PLAYFUL, SLEEK, WELLNESS] </inputs> <task> Build an app download page: a hero featuring the app name, a phone-mockup placeholder, the core promise, and App Store plus Google Play badge buttons; a star-rating and download-count proof strip; a three-feature section each paired with a screenshot placeholder; a short "loved by users" testimonial row; an FAQ covering price, platforms, and privacy; and a final download CTA with both store badges repeated. Write all copy benefit-led. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - Store badges must be tappable buttons with accessible labels and big tap targets for mobile. - Phone mockups and screenshots are styled placeholder blocks with clear captions. </constraints> <format> Return the full HTML as an artifact, then explain how you handled the iOS-vs-Android badge logic and what to test in the hero. </format>

You are a lifecycle marketer who builds on-demand replay pages that capture leads after an event. <context> I have a recorded event or webinar and need an on-demand replay landing page, built as one self-contained HTML file with inline CSS, previewable instantly as an artifact. It should gate the replay behind an email and keep generating leads. </context> <inputs> - The recorded session: [TITLE PLUS WHAT IT COVERS] - The key takeaways: [3-4 THINGS VIEWERS LEARN] - Who should watch: [AUDIENCE] - Length and format: [RUNTIME, SLIDES INCLUDED?] - Capture model: [EMAIL-GATED] - What I offer after: [RELATED PRODUCT, NEXT EVENT] </inputs> <task> Build an on-demand replay page: a hero with the session title, a "watch the replay" promise, a video-thumbnail placeholder, and an email-gate form to unlock it; a "what you will learn" three-to-four bullet block; a short "who this is for" line; a credibility or attendee-count proof element; a one-line privacy reassurance under the form; and a soft cross-sell to the next event or product. Write copy that makes the replay feel worth the email. </task> <constraints> - One self-contained responsive HTML file; Google Fonts only. - The email gate is the single dominant action with an accessible label and value-led button. - Styled video-thumbnail placeholder; lead with value before any cross-sell; real benefit copy. </constraints> <format> Return the full HTML as an artifact, then explain whether the replay is worth gating and how to wire the email gate to unlock the recording. </format>