Xreative is the lab's web design track: two agency sites and twenty-six complete demo sites, all live on their own domain. This page explains how they come about — the image pipeline that turns two keyframes into a scrollable video, and the code pipeline that builds a page out of it which meets the frame budget. What is for sale is on the sites themselves; here you only get how it was made.
One site proves that you can compute a cinematic hero in full — no image model, no stock, only code. The other proves the opposite: that AI imagery and a hand-written frontend can carry a brand together. Both run on the same edge, to the same QA bar.
The agency itself. A hero that moves from typographic noise to a tight grid in 180 frames — rendered entirely procedurally, no AI imagery, no stock. Below it four price tiers with twenty complete example sites.
The older sister site, with a different thesis: cinematic brand sites in which AI imagery and a hand-written frontend come together. Six of those brands are live on their own subdomain — all reachable from this page.
Putting a video on a page is easy; making it respond to the scroll is not. The solution is not to play the video but to take it apart: 144 to 185 still images that the canvas draws based on scroll position. The whole chain is set up so that sequence stays under 10 MB.
The example sites are not mockups but complete sites, each with its own navigation, content and pages. Deliberately increasing in technical weight, so that you can see from the build what a tier means — not just from the price.
Hair salons & barbershops
5 static one-pagers, hand-written HTML/CSS
Restaurants & hospitality
5 Astro sites, 7 pages each
Estate agents & real estate
5 Astro sites, 13–14 pages with property detail
Boutique hotels
5 Vite sites with a cinematic scroll hero on real Veo video
Until recently the four services on the Xreative site were words only. Now every line leads to a complete site that shows that service — with its own brand, its own type pairing and its own design idea. None of the four uses a photo: all imagery is drawn, computed or a shot of our own work.
Xreative itself
A contact sheet instead of a portfolio: twenty real shots of the running sites, numbered consecutively.
HALTE — regional transport
A style compass that checks its own arithmetic: every contrast figure is computed from the tokens, and the theme switch recalculates all of them.
ZAADGOED — seed house since 1911
A complete shopping flow without a single photo: every product illustration is drawn in SVG from the article ID. Cart, variants and three checkout steps genuinely work.
KADANS — studio for motion design
A page that documents its own motion. The annotation is generated from the same constants that drive the animation, so it cannot go out of date.
What is interesting about a pipeline is not the first time it works, but the sixth. These brands share not a single line of content and yet share the same chain: keyframes, video, frame extraction, canvas scrubber. All six fictional — they are design studies, not clients.
All brands shown are fictional: they are design studies to demonstrate the pipeline, not clients. The figures on those sites — revenue, years, counts — belong to that fiction. When three hero videos were missing they were first synthesised locally from the existing keyframes; those versions were later replaced by real Veo clips and kept as .synth.bak.mp4, so the difference stays traceable. And the QA above measures what it says it measures: internal links and assets, not whether a text reads well.
Xreative is the agency with four price tiers and twenty example sites. Xreative Studio is the cinematic line, with six brand sites on their own domain. Scroll through both — that is where you really see the pipeline.
Digital Salesperson
Neuralex
You are talking to an AI assistant. Every answer shows its source.
You are talking to an AI assistant of Neuralex — not a human. I answer only from what is on this site, with the source below each answer. If it is not here, I say so.
No legal advice · nothing stored in your browser
