Generation guide
Build anything with Canvas Builder
Learn how to describe what you want, refine it by chatting, and get the most out of every credit you spend, with no page or section limits.
- Single-page build time
- ~3 min
- Full-site build time
- 5 to 10 min
- Canvas niche demos
- 85+
- Canvas block patterns
- 244
How it works
Describe it, watch it build, refine by chatting
There are no fixed generation types or page caps. Tell Canvas Builder what you want (a single section, a one-page site or a full multi-page website) and it builds it live. Then keep refining by chatting. You only pay for the work the AI actually does.
Describe what you want
Write a prompt in plain English: a hero section, a SaaS landing page or a complete multi-page business site. Be as specific as you like about niche, style, colours, and the pages or sections you need.
Watch it build live
Canvas Builder designs, writes and assembles your site in front of you (pages, sections, copy, images and responsive layout) using the Canvas design system. A page takes about 3 minutes; a full site takes 5 to 10 minutes.
Refine by chatting
Keep editing the same project by chatting. Change copy, swap sections, adjust colours or add pages. The AI remembers the full context and updates the live file each time.
What you can build, from one block to a full site
A single section or block
A hero, pricing table, testimonials grid, FAQ or feature row: one self-contained section you can drop into any page. The quickest, lowest-cost build.
A complete one-page site
A full landing or product page with as many sections as it needs (hero, features, pricing, testimonials, call to action) plus header and footer. No fixed section count.
A full multi-page website
Interlinked pages sharing one header, navigation and footer: home, about, services, portfolio, pricing, contact and any others you ask for. No page limit.
Refining by chat
Each follow-up change to the same site. Small tweaks cost less than big rebuilds.
Credits scale with the size and complexity of what you build: a quick section costs a little, a full multi-page site costs more. You are only charged for what you actually generate.
Prompt tip
Be specific about niche, style, and the pages or sections you want. Example: "Modern dental clinic website with home, services, about, team, and contact pages. Clean clinical design in navy and white, with a pricing section and an appointment CTA."
Refining
Keep editing, just by chatting
Your project does not stop when the first build finishes. Every follow-up message refines the same live site, with no restarting and no separate editor. The AI keeps the full context of what it built.
Conversational edits
Ask for changes in plain English: “make the hero darker”, “swap the pricing to 3 tiers”, “add an FAQ section”, “write a new about page”. Each message updates the same project.
Iterate until it's right
Refine as many times as you need. You always work on the latest version, and you can change copy, layout, colours, sections or whole pages.
Targeted or broad
Tweak a single button, restyle one section or restructure the whole page. Small changes cost less and bigger rebuilds cost more: you only pay for the work done.
Publish or export anytime
Publish to a free yoursite.cnvs.site address in one click (one site on the Free plan), connect a custom domain on a paid plan, or download the project as clean HTML, CSS, JS and images. No lock-in.
Prompt tip for refining
Change one thing at a time for the most predictable results. Example: "Change the hero background to a dark gradient and make the headline bigger", then follow up with the next change.
Credits
How credits work
Credits are reserved when a generation starts and charged on actual usage. A build that fails before changing anything costs nothing, and the credits you buy never expire.
Describe your site
Write a prompt: a section, a page or a full site.
Credits reserved
Credits are reserved before the generation starts.
The AI builds it
Canvas Builder builds your site in real time.
Ready to download
Download your HTML. If the build failed before changing anything, your credits are returned.
Not charged
- A build fails before it changes anything
- For example a server error or a network timeout before any output is written
Credits used (not refunded)
- A successful generation, even if you don't download it
- A completed generation that doesn't match what you pictured
- A turn that wrote output, even if it later failed
- A turn you stopped after it started
New accounts start with 5 free credits. See credit packs and plans.
Prompt guide
Write prompts that work
The better your prompt, the better your output. Here is how to get the most from Canvas Builder.
Vague prompt
"Make a website for a restaurant"
The AI makes every decision, so the result may not match what you pictured.
Specific prompt
"Upscale Italian restaurant landing page. Dark, moody aesthetic with deep burgundy and cream. Sections: hero with full-screen food photo, menu highlights (3 courses), about chef, reservations form, and Instagram gallery strip."
The AI has a clear direction, so the result matches your expectations.
Name the niche
Always say the industry: "SaaS landing page", "medical clinic", "law firm". The AI uses it to pick the right design language.
Describe the aesthetic
Add style words: "dark and bold", "clean and minimal", "warm and inviting". They shape typography, colour and imagery.
List your sections or pages
For one page, list the sections: hero, features, pricing, testimonials, call to action. For a site, list the pages: home, about, services, contact.
Specify key content
Mention what must appear: "3 pricing tiers", "team of 4 people", "5-step how it works", "before and after comparison".
Call out colours
If you have brand colours, say so: "navy and gold", "emerald green with white". It avoids generic blue-and-white defaults.
Reference a website you like
Paste a URL: "design it like example.com". Canvas Builder analyses its palette, typography and layout style and applies that design language to your content.
Behind the scenes
What happens when you build
Canvas Builder follows a multi-step process so every output is production-ready, accessible and fully responsive.
Reading your brief
secondsThe AI reads your prompt to understand the niche, audience, the pages or sections you asked for, and any colours, references or brand kit you attached.
Planning the design
about a minuteA design agent decides the visual direction first: layout, typography, palette and section order, drawing on the Canvas component library and niche demos.
Building page by page
most of the buildIt writes production HTML page by page and section by section, with niche-matched imagery, responsive Bootstrap 5 layout and the CNVS design system. You watch it appear live.
Responsive and accessibility pass
per pageIt checks mobile breakpoints, colour contrast on dark sections, navigation structure and touch-friendly spacing before calling a page done.
Review and polish
final minutesThe agent reviews its own output against design and quality rules, fixes what it finds, and finalises clean, deploy-ready files.
Be informed
What to expect
Canvas Builder is a powerful tool, and we would rather be upfront about how it works and where its edges are.
Inline styles are normal
Niche demos and generated sections use custom inline CSS for colour palettes, typography and layout. This is intentional: each layout is self-contained and previews without stylesheets beyond the Canvas framework.
Build as much or as little as you want
Ask for a single section, a full page or a complete multi-page site: there are no fixed types or page caps. Bigger builds use more credits; you only pay for what you generate.
Multilingual content, English structure
Ask for your site in any language and the visible content adapts. HTML classes, CSS property names and Canvas framework attributes stay in English.
Good builds take minutes, not seconds
A quick section edit lands fast. A single page takes about 3 minutes and a full multi-page site typically takes 5 to 10 minutes. That is normal: a design agent is planning, writing and reviewing production HTML, not filling in a template.
Images are placeholder CDN assets
Generated layouts use niche-matched stock photography from our CDN library. They are there for demo and layout purposes; replace them with your own images before going live.
The download includes everything
Generated layouts bundle all CSS, JavaScript, fonts and images in the ZIP. No additional purchase is needed: download and deploy straight away.
Published sites
Forms and analytics, built in
When you publish a site, contact forms and privacy-first analytics work automatically. No third-party services, no scripts to paste, no cookie banners.
Contact forms
- Any contact or enquiry form on your site emails you the moment someone submits it.
- Every submission is also saved to a built-in inbox in your dashboard, so nothing is lost even if an email bounces.
- Spam is filtered with a hidden honeypot and content checks. Suspected spam is set aside, never emailed.
- Turn on an optional auto-reply to confirm receipt to the visitor. Each auto-reply counts as one submission against your monthly limit.
- Notifications come from Canvas Builder to your account email. Hit Reply to answer the visitor directly.
Privacy-first analytics
- See visitors, page views, top pages and referrers right in your dashboard.
- No cookies, no IP storage, no fingerprinting. Visitors are counted with a daily-rotating salted hash that is deleted every night.
- GDPR-friendly by design, so you do not need a consent banner.
- First-party by default, so ad blockers do not break your stats.
- On Pro and Studio, track custom events like button clicks with one line: cnvs("signup_click").
Forms and analytics on each plan
- Free plan
- 100 emailed submissions a month
- No analytics dashboard (a 7-day visitor chart preview only)
- Starter plan
- 500 emailed submissions a month
- Pages and referrers, 30 days
- Pro plan
- 1,000 emailed submissions a month
- Full analytics, 90 days, with custom events
- Studio plan
- Unlimited emailed submissions
- Full analytics, 90 days, with custom events
Submissions are always stored in your inbox. When a plan's monthly email limit is reached, new submissions are still saved, but notification emails pause until the next month or an upgrade.
FAQ
Frequently asked questions
Can I use the generated HTML commercially?
Yes. You own the generated HTML and can use it for any commercial purpose. The download includes all CSS, JavaScript, fonts and images, everything you need to deploy.
Do credits expire?
No. Credits you buy in packs, and your signup and template buyer bonus credits, never expire. Buy once and use them over time. The monthly AI credits included with a paid hosting plan are the exception: they reset at each renewal.
What if my generation fails?
If a build fails before it changes anything, you are not charged. Turns that wrote output, or that you stopped, are billed for the work they did, because credits are charged on actual usage.
How do I edit a site after it's built?
Keep chatting in the same project. Every follow-up message refines the same site: change copy, swap sections, adjust colours or add pages in plain English. The AI keeps the full context of what it built, and each change is charged on the work it actually takes, so small tweaks cost fewer credits than larger rebuilds.
What HTML files do I get?
A single section or one-page site produces one .html file with inline or embedded CSS. A multi-page site produces one .html file per page with shared styles, all interlinked and ready to deploy. The download bundles all CSS, JS, fonts and images.
Can I publish my site directly from Canvas Builder?
Yes. One click publishes your site to a free yoursite.cnvs.site address with HTTPS; the Free plan includes one published site. Paid plans add more sites and custom domains, and you can republish instantly after each change.
Do contact forms work when I publish?
Yes, automatically. Any contact or enquiry form on your published site emails you and saves every submission to a built-in inbox in your dashboard, with spam filtering and an optional auto-reply. There is no third-party form service to set up. Monthly email limits scale with your plan (Free 100, Starter 500, Pro 1,000, Studio unlimited), and submissions are always stored even after the email limit is reached.
How does analytics work, and is it private?
Published sites include privacy-first analytics with no cookies, no IP storage and no fingerprinting. Visitors are counted with a daily-rotating salted hash that is deleted every night, so it is GDPR-friendly and needs no consent banner. You see visitors, page views, top pages and referrers in your dashboard; higher plans add longer history and custom event tracking with cnvs("event_name").
Can I use my own logo, colours and fonts?
Yes. Save a Brand Kit (logo, theme colour, fonts) at /brand, then attach it to any project from the chat input. The AI treats it as the design source of truth on every build and refinement.
Can I show the AI a website I like?
Yes. Paste the URL in your prompt, for example "design a site for my clinic like example.com". Canvas Builder analyses that site's design (palette, typography, layout style) and applies the same design language to your own content. It never copies their text, images or logo.
Can my AI assistant build sites for me?
Yes. Claude, ChatGPT or any custom agent can connect to your account through the Canvas Builder Agent API using a secure QR approval, with permissions you control. Point your agent at agents.canvasbuilder.co and it can build, refine, publish and download sites using your credits.
Does the AI use my prompts to train future models?
No. Your prompts are used only to generate your site and are stored in your history so you can re-download. They are never used to train AI models.
What is the Canvas template system?
Canvas is one of the most popular HTML and WordPress themes on ThemeForest (1,658 files in the HTML package, 85+ niche demos). Canvas Builder uses it as the design foundation, so every generated site is built on a proven template system. The download bundles everything you need to deploy without any additional purchase.
Can I get a Canvas buyer bonus?
Yes. If you bought the Canvas HTML template on ThemeForest, verify with your Envato login in Account settings to receive 10 free credits instantly. Your Canvas support needs to be active.
Ready to start building?
Describe any site and the AI designs, builds and reviews it live on the Canvas design system. Start with 5 free credits.