product-launch-motionlisted

# Product Launch Motion A production discipline for making launch films that look like a motion designer made them — not a slideshow with a voiceover on top. The output is a rendered MP4. The medium is HTML, CSS and GSAP, rendered frame-by-frame by a deterministic seek-based renderer (HyperFrames by default). Everything here is transferable to any renderer that can seek a timeline; the laws are renderer-neutral, the plumbing examples are HyperFrames. **This skill exists because green tooling is not the same as good film.** A composition can lint clean, render without error, and still be a slideshow. The value below is the craft that separates the two, plus the traps that cost real hours to find — each one recorded with the measurement that proves it, not the vibe that suggested it. **It is a discipline, not a template.** The laws below are fixed; the *look* is not, and deciding it is your job as director. Two films built from this skill should be unmistakably different from each other — different palette, ground, camera personality, type, texture, sound and structure — because they are arguing different claims for different audiences. Before you build anything, write three genuinely different visual directions and kill two: `references/11-creative-direction.md`. Reaching for the reference film's look because it is documented here is the one failure mode that makes everything else worthless. ## When to use this Use it for: a product launch or feature-announcement film (2