web · 2026
Ember & Ash
A launch-ready website for a twelve-table wood-fire restaurant, built around a scroll-scrubbed hero film that ignites as you scroll from "Fire first" to "Tonight’s menu."
Ember & Ash is a full multi-page site for a dining room built around one open hearth — no gas line, no electric oven, every plate cooked over live fire. The homepage opens on the signature scroll-film hero: a cinematic image sequence painted frame-by-frame to a canvas and scrubbed by the scroll wheel, with four two-part captions — Fire first, Cooked by hand, Twelve tables, Tonight’s menu — surfacing in time with the footage against a warm ember-orange accent. The hero film itself is produced in ComfyUI: a Flux still per scene brought to life with Wan image-to-video, then handed off seamlessly into an editorial second act of pin-split stories, cursor-summoned dish stills, a count-up stats band, and a menu written fresh each morning from what the season and the coals allow. Lenis smooth-scroll and GSAP ScrollTrigger drive every beat, from the marquee tickers to the closing frame that treats the footer as the film’s last shot. Designed and built end-to-end — film, chrome, copy, and code.
- Scroll-scrubbed hero film — a canvas image-sequence rig scrubs cinematic footage frame-by-frame to scroll position, with two-part captions surfacing on cue
- AI-generated hero footage — each scene starts as a Flux still, animated with Wan image-to-video, and assembled into the scroll film
- Seamless film-to-content handoff — the hero’s final frame rises into an editorial act of pin-split stories, cursor-reveal lists, and a scroll-driven horizontal gallery
- Full restaurant site — a daily-written menu of coal-roasted plates, a seven-course tasting, whole-animal weekends, plus About, The Room, and a reservations flow
- Craft-tuned motion — Lenis smooth-scroll, GSAP ScrollTrigger, count-up stats, marquee tickers, ambient hearth audio, and reduced-motion fallbacks
- HTML
- CSS
- JavaScript
- GSAP
- ScrollTrigger
- Lenis
- ComfyUI
- Wan i2v
Play it
the real build, running in your browser
The restaurant runs on zero gas lines, and the site leans all the way into the constraint — the About page even has a stat counter that proudly ticks up to 0.
