Build

Websites

A multi-page website — tailored to your industry, with real copy, AI photography, SEO and working contact forms — that you can publish to your own domain.

What you get

Up to 12 pages, each built from native sections: hero, features, pricing, testimonials, FAQ, gallery, contact and more. Copy is written for your business, image slots are filled with AI photographs, icons are chosen by meaning, and each page gets SEO metadata. Contact and newsletter sections become real forms when the site is published.

Page sections

Webforgia assembles every site from 24 native section types. Each is a designed, responsive block — not free-form HTML. The AI chooses which sections a page needs and writes their content; layout, spacing and styling come from the design system, which is why generated sites stay consistent and cannot break.

Image slots (hero, gallery, bento, alternating features) are filled with real, on-brand AI photos, with generated cover art as a fallback — so there are never empty boxes.

You are not limited to one of each. Ask for “two feature sections, one bento and one grid” and you get exactly that — up to 20 sections per page, across up to 12 pages.

Opening & closing · 3

The blocks that frame a page — the first impression and the final ask.

Hero

centeredsplitshowcase

The headline banner: title, subheadline, primary/secondary buttons and a lead image.

The image slot is filled with a real AI photo.

Ask for it: “make the hero a split layout”

CTA

A focused call-to-action band — one headline, one button, no distractions.

Ask for it: “add a closing call to action”

Banner

A slim announcement bar with an optional link — launches, offers, notices.

Ask for it: “add an announcement bar”

Explaining what you do · 5

Turn a description of your work into something a visitor can scan.

Features

gridalternatingbento

Feature highlights, each with an icon, title and body.

Icons resolve from a ~45-icon library by meaning — “security” gets a shield, “fast” a bolt.

Ask for it: “add a features grid”

Bento

A mixed-size grid with one large lead tile — the modern landing-page look.

Each tile gets its own cover image.

Ask for it: “use a bento layout”

Steps

A numbered “how it works” sequence.

Ask for it: “explain how it works in 3 steps”

Services

A list of services with descriptions and optional prices.

Ask for it: “list my services”

Timeline

A dated vertical timeline — history, roadmap or milestones.

Ask for it: “add a company timeline”

Proof & trust · 6

Evidence that you can deliver — usually placed just before you ask for something.

Testimonials

Customer quotes with author name and role.

Ask for it: “add testimonials”

Logos

A “trusted by” strip of company names.

Ask for it: “add a logos bar”

Stats

Big-number metrics with labels — “10k+ users”, “99.9% uptime”.

Ask for it: “add a stats bar”

Team

Team members with names, roles and short bios.

Ask for it: “introduce the team”

Projects

A portfolio showcase — numbered project cards with tags, year and an optional link.

Ask for it: “show my work”

Gallery

An image gallery with captions.

Every tile is filled with a real AI image.

Ask for it: “add a photo gallery”

Selling & converting · 6

The commercial blocks — what it costs and how to get in touch.

Pricing

Pricing plans with feature lists and a highlighted recommended tier.

Connect Stripe or Paddle and the buttons point at your real checkout link.

Ask for it: “add pricing with 3 plans”

Comparison

A comparison table — us-vs-them, or tier-by-tier.

Ask for it: “compare us to the alternatives”

FAQ

An expandable list of questions and answers.

Ask for it: “add an FAQ”

Contact

Contact details plus a working contact form.

On a published site the form really submits — see Publishing.

Ask for it: “add a contact form”

An email-capture band.

Also wired to the forms backend when published.

Ask for it: “add a newsletter signup”

Specialist blocks · 4

These power the non-website build types. You can still ask for them on a normal site.

Charts

barhbarlineareapiedonut

Real data charts drawn as inline SVG, with y-axis gridlines and value labels.

Supports multi-series (grouped bars / multi-line) with a legend — the core of a Data viz build.

Ask for it: “chart revenue by quarter”

Document

Long-form writing laid out on real paper-style pages.

Blocks: headings, paragraphs, bulleted and numbered lists, quotes, data tables, an auto contents page with page numbers, and page breaks. Prints cleanly to PDF.

Ask for it: “write this as a report”

Slides

titlesectioncontentquote

A full presentation deck — one full-screen slide at a time.

Arrow keys / space to advance, speaker notes, and Cmd/Ctrl-P exports one landscape page per slide as a PDF.

Ask for it: “turn this into a deck”

Poster

squareportraitstory 9:16landscapewide

A fixed-aspect graphic artboard — the Design builder’s native output.

Layouts (statement, centered, split, editorial, ticket) and backgrounds (gradient, solid, spotlight, grid, mesh); type scales to the artboard.

Ask for it: “design an Instagram story”

How it is made · 17 stages

Built on the Site Spec engine. These are the stages it runs, in order — the same list the builder shows live while it works.

1FeatureCode
Reads the request to work out which of the nine build types it asks for, and how decisively.
2Blueprint / plannerCode
Detects the industry from the brief and produces an ordered page outline the generator must follow.
3Page plannerCode
Decides how many pages the site has and what each one is for.
4KnowledgeCode· a knowledge base is configured for this deployment
Asks the design knowledge base what it knows about a brief like this one — palette, type pairing, section order, motion and legibility rules drawn from 14,701 indexed documents.
5Industry intelligenceCode
15 industry playbooks: required, expected and forbidden sections, the primary action, the angle.
6GenerateAI call
One forced tool call returns the whole validated Site Spec.
7AuditCode
Scores structure, conversion, copy, SEO, accessibility and mobile, and emits a repair instruction per issue.
8RepairAI call· the audit scores below 85 and found something repairable
One targeted edit against the audit's findings. Discarded unless it scores better.
9CopywriterAI call· Power mode, or the audit's copy dimension is below 85
A second pass that changes only the words. Discarded unless the page's shape and images survive.
10Copy re-checkCode
Re-scores the rewritten copy and keeps it only if it preserved the structure and scored no worse.
11ImagesImages
Real photography for up to 8 slots in priority order, converted to WebP.
12Design systemCode
12 palette presets; the button-label and brand-text colours are computed from the brand colour's luminance.
13Layout rhythmCode
Bands the supporting sections and varies a repeated section variant.
14Mobile planCode
Reading order, swipe rails and the sticky action bar for narrow screens.
15SEOCode
Meta and Open Graph tags, JSON-LD, FAQ schema, LCP preload, per-site robots.txt and sitemap.xml.
16Visual reviewBrowser· a browser binary is present; skipped silently otherwise
Photographs the page at two widths and has a vision model review what it can see.
17Improvement loopBrowser· Power mode, website builds only — at most 3 rounds and 150 seconds
Up to 3 rounds of review, edit and re-review. Every round is discarded unless it survives the audit, keeps every image and scores better.

After it is built

Refine in chat, apply skills, or edit a section directly in the inspector.
Connect tools so buttons open your real checkout, booking page or store — see Connectors.
Publish to a webforgia.com address, then add a custom domain.
Push the HTML to GitHub — see GitHub Export.

Limits worth knowing

A published site is static: it shows no live data from your tools, and has no user accounts or database of its own.
The site’s only script is Webforgia’s own 3D scene, when a hero uses one. You cannot add custom scripts.