cinematic-herolisted

# Cinematic-Hero — the motion + cinematic-visual house style **North stars:** **buzz.xyz** (kinetic energy, spray-paint wordmarks) · **SpaceX.com** (restraint, cold cinematic grade, mission-HUD) · **Christopher Nolan** (gravitas — weight, atmosphere, decisive moments). The output should make a viewer believe the product is world-class — the asset itself is proof of quality. **Golden rule that took the most iterations to learn:** motion is **PHYSICS, never linear**. Things have mass — they overshoot, oscillate, and lock decisively. A plain spin/fade reads as "AI slop." Weight over speed. ## Companion files (in this skill dir) ``` template.html ← the cinematic canvas + physics-motion library. START HERE — copy it, then write beats. render.sh ← per-frame renderer → GIF + MP4, or a single still. Has the hard-won pipeline lessons baked in. ``` ## The DNA (what "cinematic" means here — keep all of it) - **Environment:** deep cold indigo→black grade · **volumetric god-rays** from a top light · atmospheric **haze + drifting dust** · **film grain** (feTurbulence overlay) · deep **vignette** · a **mission-control HUD** (letterbox bars, mono tracked labels, timecode, a `GATES ARMED`-style status). Light emerges from darkness; nothing is flat. - **Motion (physics):** damped-harmonic **settle** (`damp()` — overshoot → oscillate → converge) · velocity-based **motion blur** (`mblur()`) · **decisive locks** (`lock()` → a flash + an expanding shockwave ring + the target element *i