AI One Page Website: Build It in a Single Prompt
Last year, building a one-page website meant either waiting on a designer or wrestling with a template until midnight. An AI one page website takes a conversation and a place to paste the output. Here is the workflow I use.
When One Page Is Enough
One page works better than most people realize. The cases where it makes sense:
- A freelancer or consultant's intro site. You need a URL for your email signature. One page with your name, what you do, and how to reach you. Done.
- A side project or product waitlist. If you are validating an idea, a landing page is all you need. A full site implies you are further along than you are.
- An event or announcement. A one-page site for a talk, a launch, a pop-up. Publish it, share it, take it down when you are done.
- A personal hub. Links to your work, your writing, your social profiles, all in one place.
If you need a blog, a product catalog, or user accounts, one page is not the right tool. For everything else, it probably is.
What a Good One-Page Site Needs
Four things, and not much more:
- A clear headline that tells visitors who you are or what the page is about in under 10 words
- A short section of supporting copy that answers "why should I care"
- One clear action: contact you, join a list, visit a link
- A design that does not get in the way of any of the above
One-pagers fail when they try to do too much. If you are explaining the business model in paragraph six, you have lost the visitor.
The Prompt
Here is the template I use:
Build me a one-page website as a single HTML file.
Purpose: [what this page needs to do: intro site, landing page, event page, etc.]
Audience: [who will visit: potential clients, new followers, event attendees, etc.]
Main action: [what you want them to do: email you, join a list, RSVP, etc.]
Content to include:
[Paste your actual copy here, or describe what each section should say]
Design: clean and minimal. White or light gray background. One accent color: [your color]. No JavaScript. Inline CSS only. Works without any external dependencies.
The more specific you are about purpose and audience, the tighter the output. "A landing page for my freelance copywriting services targeting B2B SaaS companies" produces a very different result than "a website."
What the AI Generates
You get a complete HTML file. Single file, no dependencies, no build step. The layout matches your purpose: if you wrote "freelance consultant intro site," you get a professional intro page; if you wrote "event registration for a workshop," you get an event page with the right sections.
The first draft is usually solid on structure and a little sterile on style. That is fixable in one follow-up prompt.
Making It Live
Paste the HTML into HTMLPub and you get a live URL immediately. Free tier. No monthly fee. No setup.
This matters more for one-pagers than full sites because one-pagers are often time-sensitive. A consultant who wants to share a link before an intro call does not want to wait for DNS propagation. For conversion-focused one-pagers, see how to create a landing page with AI, which goes deeper on the copy structure.
For portfolio-style one-pagers specifically, see AI portfolio website builder for a more detailed walkthrough.
Customizing It
Two tweaks that make the biggest difference after the first draft:
Kill the filler copy. AI tends to add one or two throwaway sections: a generic "about" that says nothing specific, a "why choose me" block that sounds like everyone else. Delete them. If a section cannot be specific to you, it should not exist.
Tighten the headline. "Freelance Designer Available for Hire" and "I help SaaS startups redesign checkout flows that are bleeding revenue" are very different. The second one is what you want. A useful follow-up prompt: "Rewrite just the headline and subheading. The headline should be under 10 words and specific to [what I actually do]. The subheading should be one sentence that explains how."
Common Issues
The page breaks on mobile. Add <meta name="viewport" content="width=device-width, initial-scale=1"> to the <head> if the AI left it out.
The CTA button goes nowhere. Check the href. AI sometimes adds # as a placeholder. Replace it with your actual email or URL.
The page is too long. Ask the AI: "Remove any sections that do not directly support the main action. The page should be readable in under 90 seconds."
What to Do Next
For small business use cases with more content needs, AI website builder for small business goes deeper on what to put in each section. For freelancers specifically, AI website builder for freelancers covers how to position yourself and what clients actually look for.
One-pagers are underrated. Build one, share it, see what happens. The feedback from real visitors is more useful than six more rounds of revision.