web · 2026
Ironhaus Door Co.
A forged-steel garage-door brand, designed and built end-to-end — a cinematic scroll-film hero in slate and orange, wrapped in lean, machine-shop editorial chrome.
Ironhaus Door Co. is a garage-door company that treats the largest moving object in a home like heavy machinery — and the site is built to match. The hero is a scroll-scrubbed film: as you scroll, a canvas image-sequence plays through forged steel, any opening, and every weld inspected, each beat landing on a two-part caption before resolving into the closing Ironhaus lockup. Lenis smooths the scroll, GSAP and ScrollTrigger drive the frame timeline, and the whole thing runs on hand-written HTML, CSS, and JavaScript with no framework weight underneath. The cinematic footage is generated through a ComfyUI + Wan image-to-video pipeline, then baked to a frame sequence the browser scrubs at native speed. Anton display type, IBM Plex Mono labels, and a slate ground with a single slate-orange accent give it the finished, technical feel of a real shop’s flagship site.
- Scroll-film hero: a canvas image-sequence scrubbed frame-by-frame on scroll, running from forged steel to the closing Ironhaus lockup
- Two-part captions timed to each scene — a claim and its spec: “Forged steel / Doors built like machinery,” “Every weld inspected / Torsion-balanced, whisper-quiet”
- Cinematic hero footage generated via a ComfyUI + Wan image-to-video pipeline, baked to a browser-native frame sequence
- Buttery scroll on Lenis with the frame timeline driven by GSAP + ScrollTrigger — no heavy framework, just hand-written HTML/CSS/JS
- Forged-steel identity across home, services, and about: Anton display, IBM Plex Mono labels, slate ground with one slate-orange accent
- HTML
- CSS
- JavaScript
- GSAP
- ScrollTrigger
- Lenis
- ComfyUI
- Wan i2v
Play it
the real build, running in your browser
The whole site hangs on one hero line — “The heaviest thing in your house should move the smoothest” — and the scroll-film pays it off, ending not on a sales pitch but on the Ironhaus mark and the words “Open with confidence.”
