Studio Home · Proof of Concept

Watch your studio get built — live in the page, not in a video.

This is a real-time HTML/JavaScript animation composed from a primitive-parts kit and a product spec (Signature panel codes). No video file exists. Resize it, scrub it, reconfigure it — then scroll down and notice your finger/mouse is never trapped.

Floor—
0.0s

Everything above the canvas — phase chip, CTA, scrubber — is ordinary HTML. Click the CTA: the page hears it, the animation never left the article.

Why this isn't a video

A video would be one fixed rectangle, one fixed model, one fixed camera — and on a phone it would try to take the whole screen. This embed is composed live from the same spec data the configurator uses: change the size or front-wall code on the left and the building — floor cassette, wall panels, transom band, rafters, roof, doors, siding — is rebuilt and re-choreographed from the primitive kit in milliseconds. Scroll away and it pauses itself; scroll back and it resumes. Keep scrolling: the article continues below, uninterrupted.

Built the way the real thing is built

The sequence follows the Signature assembly guide: floor first, then wall segments (18″/24″/36″/48″ factory pieces, windows already installed in them) marched one at a time around the perimeter from a back corner — the side segments' top edges are cut at the roof angle so the roof lands flush — then rafters, roof deck and metal, then doors hung into their openings (doors are not pre-installed), and finally siding and trim. Each moving object is a factory unit — nothing is cut out of a finished model.

(Spacer so you can test scroll-past behaviour: the embed pauses off-screen and resumes when you return.)