Fill in a short form, copy the prompt it writes, and paste it into Bolt or Claude. Both have free plans that can build a designed one-page site. Want more pages? A month of Claude Pro costs about $20.
Answer a few short questions about your business. Each one is a part every good website prompt needs.
Start from a template:
The businesses are made up. Nothing you type leaves this page.
It goes in the headline, the page title and the footer.
Local visitors look for this first.
The headline is written from this. Vague in, vague out.
Sets the tone and what the page leads with.
One clear button beats five.
Real names with a short line each become the heart of the page.
Years, reviews you may quote, awards. Leave it empty if you have none: the prompt forbids made-up reviews.
Without them, every site comes out looking the same.
Optional. Leave it empty and the AI picks a palette for you.
Phone, email, address, hours. They become real call, email and map links.
A link, then what it shows. Without photos, the AI leaves labelled spaces for your own.
2
Step 2: Copy
One click
Your prompt writes itself as you type: your facts, the page structure, and the design rules. Copy it.
Your prompt
Build a one-page website for my business as a single static index.html file. It should look like a designer made it for this business, not like a template.
THE BUSINESS
- Name: [business name]
- What we do: [what you do, in a sentence or two]
- Where: [city or area]
- Who it's for: [who your customers are]
- The one thing a visitor should do: [call, book, email or visit]
WHAT WE OFFER
- [each service or product, with a short line]
PROOF
- None yet.
Use only the proof above. Never invent reviews, ratings, client names, prices or numbers. Where proof would go and there is none, leave a visible note in brackets, like [Add a real customer quote].
LOOK AND FEEL
- Mood: [three words]
- Colours: pick a palette that fits the business
CONTACT DETAILS
- [phone, email, address, hours]
THE PAGE, TOP TO BOTTOM
1. Hero: a clear headline that says what we do and for whom, one supporting sentence, and one main button for the action above.
2. What we offer: each item with a short, specific line.
3. Why us: who we are, where we work, and the proof above.
4. Contact: the details above as real links (tel:, mailto:, a map link), the main button again, and the contact form described below.
5. Footer: the business name, contact details and the year.
DESIGN RULES
- Pick a distinctive pair of fonts and one bold visual idea that fits this business. Avoid generic gradients, glassy cards and stock-template layouts.
- Write real, specific copy from the facts above. No lorem ipsum.
- Mobile first: it must look right at phone width and generous on a large screen.
- Accessible: one main heading, headings in order, strong contrast, alt text. Where a photo belongs, use a labelled placeholder block that says which photo goes there.
- Motion: sections fade in gently as they scroll into view, and nothing moves if the visitor prefers reduced motion.
- Keep it to this one page.
THE CONTACT FORM (a demo: nothing is sent)
- Fields: name, email and message, all required, each with a visible label.
- Check the fields before submitting. Show errors in plain words next to the field, and keep what the visitor typed.
- While submitting, disable the button and show a sending state.
- Never send or store the data. On success, replace the form with a thank-you message that uses the visitor's name and says: "This is a demo form: nothing was sent."
- Handle it in a small <script> at the end of index.html: stop the page from reloading, check the fields, wait about one second so it feels real, then show the thank-you message.
- Leave a comment in the script where a real form or email service would be connected later.
When you're done, list everything I still need to replace: photos, proof and any detail in [brackets].
3
Step 3: Paste
A few minutes
Paste it into Bolt or Claude and watch the page appear. Ask for changes in plain words.
Our view: for more than one page, a month of Claude Pro gets you more for less. It costs $5 less than Bolt Pro, and Claude Code builds real files on your computer with Anthropic's public design skill.
For one page, usually yes, if the prompt has your real facts. Expect a few follow-up messages in plain words, like "make the headline shorter" or "use warmer colours". For more pages, keep going in the same project.
Is Bolt's free plan enough?
For one page, it should be: 1M tokens a month, up to 300K a day. Bolt hosts the page with Bolt branding; your own domain needs Pro at $25/month. Checked on Bolt's pricing page on 2026-11-01.
Why do you lean towards Claude for more pages?
Claude Pro costs $20 a month, $5 less than Bolt Pro, and includes Claude Code, which writes real files on your computer and can use Anthropic's public frontend-design skill. That's our opinion, based on both pricing pages on 2026-11-01. Pick the one you're comfortable with.
Should I pick one index.html file or a Next.js app?
Pick index.html if you want the simplest result: one file that opens in any browser and goes on any static host. Pick Next.js to see a real project: components, a page and a server route that checks the contact form. Next.js runs in Bolt or Claude Code; a Claude chat can write its files but can't run them.
Can I keep the demo photos on my own site?
The demo photos come from Unsplash, whose licence allows free use, including commercial use, without asking. They show other places, though, so swap in photos of your own business before you share the page. The prompt adds a small "Photos: Unsplash" credit while they're in.
Does the contact form send messages?
Not yet, on purpose. The form checks what the visitor typed and shows a thank-you, but nothing is sent or stored. In the index.html version a small script fakes the submission; in the Next.js version a server route checks the fields and replies. Sending real email needs a service behind it, and the code marks where it goes. Call, email and map links work from day one.
Can I take the files with me?
With Claude Code, the files are on your computer from the start; put them on GitHub to keep a copy. In a Claude chat, download the index.html from the artifact. With Bolt, check the export options on your plan before you build more than a page: Bolt's pricing page doesn't say whether the free plan can export (checked 2026-11-01).
Are these tool links affiliate or sponsored?
No. This site is not affiliated with Digital Gravy, Etch, or any product named here, and receives no compensation for mentioning them. The prompt is free to copy and use, with no sign-up.