Prompting Basics.
How prompting works in VoxelSite. What to include, what to skip, and how the AI interprets your words.
Prompting Basics
VoxelSite builds your website from what you type. There's no template picker, no drag-and-drop — the chat is the interface. What you write determines what you get.
This guide covers the fundamentals. Once you're comfortable here, the other articles in this section cover specific scenarios in detail.
How it works
When you type a message and press Enter, VoxelSite's AI engine reads your prompt along with everything it already knows about your site — existing pages, uploaded images, your design decisions, and any business facts it has memorised from earlier conversations.
It then generates or edits files accordingly: HTML pages, CSS, JavaScript, navigation, data files and more — all in a single response.
What makes a good prompt
The best prompts have three qualities:
- Identity — What is the business? What does it do?
- Character — What should the site feel like? What's the vibe?
- Specifics — Any concrete details: services, opening hours, names, preferences.
You don't need all three every time — but the more you give on first creation, the better the result.
A weak prompt
Build me a website for a bakery.
This works, but VoxelSite has to guess everything: the name, the style, what pages to create, what tone to use. The result will be generic.
A strong prompt
Build a website for my bakery, Villgrens Bageri. We're a small neighbourhood bakery in Sweden — everything is made by hand before sunrise, and we usually sell out by noon. Sourdough is our heart, but we also do pastries, rye breads, and seasonal specials. The vibe should feel warm, honest, and a little rustic — like the smell of bread in the morning. I want people to feel hungry just from looking at it.
This gives VoxelSite a name, a story, specific products, a mood, and a location. The result will feel like a real bakery — not a template.
What you can skip
You don't need to specify:
- Layout details — VoxelSite chooses layouts, grids, and section order based on the business type. A restaurant gets different sections than a law firm.
- Technical details — You never need to mention HTML, CSS, PHP, responsive design, or SEO. These are handled automatically.
- Color codes — "Warm and earthy" works better than "#A0522D". The AI builds a complete color palette from mood descriptions.
- Typography — Unless you have a strong preference, the AI picks fonts that match the site's personality.
What you should include
These details make the biggest difference:
| Detail | Why it matters |
|---|---|
| Business name | Becomes the site title, logo text, and meta tags |
| What you do | Determines page structure, sections, and content |
| Who your customers are | Shapes the tone, language, and calls to action |
| How you're different | Gives the copy a point of view instead of generic filler |
| Contact details (if known) | Phone, email, address — only include what you want published |
| Mood / style | "Dark and dramatic", "clean and minimal", "warm and inviting" — guides the entire design |
The AI remembers
Every fact you mention — your name, your phone number, what you sell, your opening hours — gets stored in VoxelSite's site memory. You only need to say it once and the AI uses it everywhere: the footer, the contact page, metadata, and any future pages you add.
Provide contact details at creation
If you have your contact information ready, include it in your very first prompt. The AI will weave it into the right places — footer, contact section, headers — straight away, which saves you from having to add it piece by piece later.
Build a website for my bakery, Villgrens Bageri. We're in Uppsala at Svartbäcksgatan 12. Phone: 018-123 456. Email: [email protected]. Open Tuesday to Sunday, 6am to 2pm.
You can include as much or as little as you like — only what you provide will appear on the site:
- Phone number — displayed in the header or footer, and linked for mobile tap-to-call
- Email address — shown and linked with a mailto: link
- Physical address — used on the contact page, footer, and in search-engine structured data
- Opening hours — shown wherever relevant and stored for future reference
- Social media — include handles or URLs if you want social links
Update details any time
You can add or change contact details at any point with a simple follow-up prompt:
Our phone number is +44 7700 900123
Update the email to [email protected]
We've moved to 15 High Street, Bristol BS1 4QA
The AI updates site memory and automatically applies the change across every page.
Review what the AI knows
You can see exactly what the AI has memorised by opening Settings → AI Knowledge inside the Studio. There are two cards:
- Site Memory — every fact about your business: name, contact details, opening hours, services, location, and anything else you've mentioned.
- Design Intelligence — the design decisions the AI has made: colour palette, fonts, layout choices, and mood.
These are read-only views — to change anything, just tell the AI in the chat and it will update both the memory and the site.
Language support
VoxelSite follows your language automatically. Write your prompt in French and the entire site — headings, navigation, buttons, meta descriptions, alt text — will be in French. Write in Japanese, get a Japanese site.
You can also mix: write your prompts in English but ask for content in another language:
Build a website for my restaurant in Tokyo. All content should be in Japanese.
Supported languages include English, French, German, Spanish, Italian, Dutch, Portuguese, Arabic (with RTL layout), Indonesian, Japanese, and Turkish — but the AI can generate content in virtually any language.
One prompt, one site
Your first prompt creates the full site in one go. After that, every prompt is an incremental edit — the AI adds to or modifies what already exists. It doesn't start over unless you explicitly ask.
This means you can work iteratively:
- Create the site with a single prompt
- Refine with follow-up prompts: "Make the header darker", "Add a team section", "Change the CTA text"
- Keep layering until it's exactly right
The next articles cover specific prompt patterns for every scenario.