Describe a business and get a complete website specification — structure, design system, copy, motion, and an optional real-time WebGL object wherever the brief actually earns one — compiled by a renderer rather than written as code. Ask for a 3D element on a hero, a section or even a single card, preview it at any width, change it by instruction or by hand, and export a self-contained HTML file or the specification itself.
A website is data — pages, sections, a design system, motion rules. The renderer is a pure function of it, an edit is a patch to it, and a site survives a reload as a 15KB file. Generated source code is never the source of truth.
Mention it in the brief, or add it by hand to a hero, a section or one card, and the object is procedural — generated from numbers, with no assets to load and nothing to 404 — and degrades to a designed fallback on hardware that cannot run it. three.js is a dynamic import that does not start until the object is within 600px of the viewport, so a plain site never pays for it.
Every text colour is checked against what it is drawn on and moved to clear WCAG AA, preserving hue. A generated palette cannot ship failing contrast.
Change the hero and nothing else moves. Instructions become targeted patches addressed by section id, so reordering does not break them and every change is one keystroke from undone.
Every breakpoint is a container query, so constraining the preview to 390px produces a genuine 390px layout — the same one the exported file produces in a phone browser.
“A structural glazing contractor in Copenhagen that works on listed buildings.”
Six sections, editorial mood, a work index with real project framing, and copy that names the discipline and the constraint rather than "innovative solutions".
“A single-origin coffee roaster with a subscription and two cafés.”
Warm minimal palette, a subscription conversion section, opening hours as structured content, and an FAQ that ships as native disclosure elements.
“A studio that grows synthetic crystals for optical instruments — put a real one, rotating, in the hero.”
A crystal scene in the hero with scroll-driven camera, a technical mood with visible structure, and a captioned fallback that describes the object in words.
NOTEThese describe what the generator produces for a brief of that shape. Output varies by run — the specification is planned each time, not retrieved from a template.
One account covers every SXX product. Your projects are saved as you work and reopen exactly where you left them.