Astellung: Vergläich vu Video-Remakes starten

Frot mech no: mengem Produktnumm, engem Logo (oder loosst Iech eng einfach Mark zeechnen), menge Markenfaarwen (oder zitt se vu mengem Logo eraus), dem eenzeilege Bericht, dat e Benotzer an d'Promptbox aginn huet, der Säit, déi d'Äntwert drop gëtt (Titel + 2-3 Sätz mat engem Schlësselwuert), zwee Feature-Nimm fir déi gestapelte Kaarten, an engem Musekstrack. Wann ech iergendeng vun hinnen iwwersprangen, benotzen ech d'Standardastellungen: Produkt "Frame by Frame", dat a sengem Whop-Hub läit, eng Suchermark (véier Eckklammeren ëm e fettgedréckten "FF"), Prompt "Maacht e Startvideo fir meng App", eng Lektiounssäit mam Titel "2.1 Wielt eng Referenz", Kaarten "Launch" an "Sound", an dem Mixkit sengem gratis House-Track "Rising Forest" verlangsamt op 124 BPM.

E quadratescht Produktstéck vun 12 Sekonnen, 1080x1080, Bildzuelen bei 29,97 fps (f0–f359), Master gerendert bei 59,94 fps. Apple-Keynote-Gefill: mëll, wäiss, hellblo, glaskloer. D'Kamera schneidt ni op engem Stillbild: all Opnam kënnt an eng scho bewegend Plaz (exponentiell Ease-Out, 12–19% vun der verbleiwener Distanz pro Bild) a geet mat enger beschleunegender Bewegung oder enger Onschärftramp fort. D'Onschärft follegt Geschwindegkeet a Richtung bei all Bewegung.
Palette: meng Markenfaarwe sinn op dës Rollen zougewisen; wann ech keng uginn, benotzt Säit #FDFDFB, Niwwel #B7CFEB, Äis #E6F0FA, déifblo #294376 → #769CC2 Himmelsgradient, Marineblo #1E2F52, Akzentblo #2F6BFF / #3CC8F0 / Mint #4ED6A0, wäiss. Typ: Inter (400/500/600/700). Kee violett, violett, magenta oder orange néierens.
Geschicht: Den Header vum Produkt kënnt aus engem bloen Niwwel an enger heller App-Fënster erop → e Cursor gleet eran, dréit sech fir dohin ze weisen, wou e higeet, wiisst beim Schwiewen a klickt op de Logo → schneidt haart op der Musek fällt op d'App-Symbol mat véier Quadraten, déi sech zu engem Kräiz kreesen → d'Symbol fält an eng Mac-Menüleescht zesummen → de Cursor klickt op d'Symbol an der Menüleescht, eng Frostglas-Promptbox sprängt eraus an d'Prompt tippt → kippet duerch e hellbloe Blëtz no uewen op d'Äntwertsäit a scrollt op hir Plaz → eng Kaart kënnt driwwer erop → léist sech op zwou gestapelte Kaarte mat risegen Frostglas-Titelen op → léist sech op déi eenzeg Logo-Scheif op → schneidt op eng schwaarz Kaart um Enn mat engem liichtende Wuertzeechen.
Verbueden: Crossfades, gefruer Frames (ausser engem Hold an S7), Standard UI Kits, Liicht op UI Text, Math.random, alles wat wéi eng Schabloun ausgesäit.

D'Koordinaten sinn px op der 1080er Bühn. Museksbeat k = 0,048 + 0,4838·ks (124 BPM, ee Beat = 14,5 Frames). Déi dräi haart Schnëtter f72, f101, f159 landen 2 Frames virun engem Beat: behalen dës exakt Frames.
S1 f0–71, Header + Fënster + Klick: Niwwel #B7CFEB verschwënnt op #FDFDFB ëm f28, e bloe Buedemliicht #DBEEFD um Enn behalen. Header an enger Zeil: Logo-Scheif ⌀132 (#FBFCFE, 1px Rand #E8E8EA, donkel Mark), den Produktnumm (Inter 500), eng donkel Kapselpille "op Whop" (#2F2E2F, wäissen Text); de ganze Lockup erstreckt sech iwwer x474–1063, d'Mëttelinn klëmmt y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), dréckt 1 Pixel/Bild duerno. Den Numm erschéngt f2 verschwommen, d'Pille f4–5 staark verschwommen a rutscht 15 Pixel no lénks wann se méi schaarf gëtt. E liichte Hub-Fënster (Radius 93, Fëllung #FCFDFF, iewescht Band #F1F6FF, bloe bannenzege Buedemglühen) verschwënnt ronderëm: Opazitéit 0 bis f14, 0,53 f15, 0,7 f19, 1,0 f24; iewescht lénks Eck (408,405), leeft riets an ënnen of. Bannendran: eng Sichpille am ieweschte Band, eng lénks Ikonkolonn (Coursen-Ikon bei (537,739), verschwommen Chat-Ikon bei (537,900)), an eng Courskaart vun (764,700) ausserhalb vum Frame mat sengem Coverbild, Titel a "Cours · 8 Lektiounen". Cursor (schwaarze macOS-Pfeil, wäissen Ëmrandung, 32x39) erschéngt f27 bei (891,393), gleet no lénks a verlangsamt op (770,383) f44, dréit sech fir no ënnen lénks f47–51 ze weisen beim Dauchen, lant um ënneschte rietse Rand vun der Scheif (629,564) f56 → (587,546) f59 → (555,531) f71; wiisst ×1,55 beim Schwiewen vun f56; e mëllen Äisrank (#D5F3FF → #F7FEFF, baussenzegen ⌀174) beliicht d'Scheif vun f53 un. D'Kamera zoomt ongeféier (540,540): 1,0 f46 → 1,2 f60 Eran-eraus, hält f61 fest, da verlangsamt sech eraus a beschleunegt op 1,04 bei f71, während de Cursor dréckt (verklengert sech ëm 15% f69–71).
S2 f72–100, Ikon + Ëmlafbunn: marineblo Krees-App-Ikon (#294376 → #1E2F52, wäiss Mark), 276 Pixel bei f72 schrumpft a vergréissert sech op 178 Pixel x f86, Radius 28% vun der Breet, op enger groer Halo-Scheif #E9E9E7 déi ⌀240 (f75) → 326 (f86) wiisst. Véier 92 Pixel Quadraten (Radius 26) dréine sech géint den Auerzäresënn, bremsen of a fixéiere sech an engem Kräiz beim Ëmlafbunnsradius ≈216 x f86: wäiss (1 Pixel #E3E8EF Rand + schwaache Schiet) lénks, #2F6BFF uewen, #3CC8F0 riets, #4ED6A0 ënnen. f88–100: d'Ikon schrumpft a beschleunegt sech op ≈40 Pixel, d'Quadrater rutschen an eng Rei op senger rietser Säit (Wäiss rutscht hannert der Ikon), d'Onschärft klëmmt ëm 0,3 → 6 Pixel.
S3 f101–158, Menüleist + Ufro: wäiss Säit iwwer engem schwaarze Laptop-Lünetteband (y425–475, ieweschten Highlight #686866), eng donkelblo Menüleist (y477–538), Hannergrondbild drënner = de bloen Himmelgradient mat dënnen wäisse Linnenkonschtwierker (ee grousse Krees, zwou horizontal Linnen, eng vertikal, e véierpunktege Glanz op enger Kräizung, mëllen türkis Glanz uewe riets). Menüleist riets a wäiss: Wi-Fi, Batterie, Schalter, d'Produktmark op x531–584, dräi ⌀36 Punkten #2F6BFF / #3CC8F0 / #4ED6A0 op x612, 661, 709, "Méindeg, 22. Juni, 9:41 Auer" 34 Pixel. Gitt verschwommen 3 Pixel an a setzt sech mat f110 erëm of. Cursor geet vun ënnen erop (f102), setzt sech op d'Mark, dréckt op f113–117. D'Kamera beweegt den Inhalt no riets +125 px f115–130 (am séiersten f118–120). Eng mattéiert Glaskëscht (wäissblo Glas iwwer dem Himmel, hellen ieweschte Rand, Radius 60) sprängt ënner der Mark f116 eraus: d'Breet erreecht 744 bei f126 a stabiliséiert sech 726x228 x f138 ëm x196–922, y568–797. D'Uweisung tippet vun f121 (éischt lieserlech "Make") op f150 (komplettéieren) bei ongeféier 1 Zeechen/Bild mat engem 1-Bild-Halten all 2-3 Zeechen; Zirkumflex ëmmer ugeschalt; dräi wäiss Kontursymboler ënnen; Sendknäppchen #2F6BFF ⌀51 mat engem wäisse Pfeil no uewen. Vun f136 un drift déi ganz Szen no uewe a beschleunegt sech an eng Whip-Kippung (f158 beweegt sech ≈25 Pixel/Bild, vertikal Onschärft ≈6–8 Pixel), während d'Säit #E6F4FE iwwer f154–158 faarweg gëtt.
S4 f159–186, Äntwertsäit: eng liicht Coursstonnsäit (Breadcrumb, Titel, Kierper): Textkolonn x120, Kierper 47 px Inter 400 gro #BCBCBA, Zeilenofstand 58, eng Schlësselphrase ("Frame fir Frame") a schwaarz 600. Et kënnt verschmiert an 420 px niddreg un, scrollt no uewen mat Offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), da krabbelt et −6 px ëm f186. Onschärft 24 px (f159) → 1.5 (f165) → 0. Blitz #E2F4FE verschwënnt op #FDFDFB ëm f165. E Cursor, deen riicht no uewe weist, zitt sech iwwer d'Scrollen a bleift ënner der Schlësselphrase (≈(450,591) f180 stoen, an dréit sech dann no riets.
S5 f187–214, Kaart: eng wäiss Kaart (x203–878, leeft ënnen of) klëmmt iwwer d'Säit: Coverbild 627x536 Asaz 24 Pixel, Radius 64, eng liicht Grëffleist uewen an der Mëtt, Ënnerschrëft halleffett 38 Pixel schwaarz, Ënnerschrëft gro 23 Pixel. Cover uewen y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), dann dréckt se weider no uewen ~4 Pixel/Bild. D'Kaarteonschärft erreecht hire Maximum vun 3,8 Pixel bei f189, schaarf bei f201; d'Säit hannendrun verschwënnt op ≈2,5 Pixel. Ausgang f207–214: d'Kaart schrumpft ~5% a klëmmt, während de ganze Bild 1 → 7 Pixel verschwënnt; um Onschärftspeak schneiden.
S6 f215–244, zwou Kaarten: wäiss Säit, zwou gestapelte Kaarten 538x348 (Radius 57, Lück 36) zentréiert op x540, iewescht Kaart setzt sech op y168 duerch f230 of, ënnen op y552. Jidderee: Coverbild (keen Text dran agebaut), eng mattéiert Pille uewe lénks ("Modul 3" / "Modul 5"), e mattéiert ronnt "•••" uewe riets, an en risegen décke Titel laanscht den ënneschte Rand aus mattéiertem Glas (eng verschwommen, opgehellt Kopie vum Bild op d'Buschtawen geschnidden, ofgeschnidden vum ënneschte Rand vun der Kaart): "Launch" an "Sound". Béid ginn verschwommen 12 px a schaarf duerch f224; déi iewescht Kaart gëtt 8% grouss a klëmmt vun y264; déi ënnescht Kaart klëmmt vun y927, hannert deem gestaffelt. Si dreiwen 3 px/Bild f230–238 erop, beschleunegen dann erop a verschwannen an de Schnëtt.
S7 f245–300, Logo-Disk: Säit #FDFDFB, Disk ⌀168 #F6F6F6 mat der donkeler Mark, klëmmt an d'Mëtt erop (uewen y569 f245 → 491 f250 → 468 f255 → 456 f269) mat engem vertikale Fleck um geschniddene Frame, hält f269–287 roueg (déi eenzeg agefruer Streck), schrumpft dann a beschleunegt op ⌀123 bei f300.
S8 f301–359, Schlusskaart: schwaarzen radialen Hannergrond (#020204 Ecken, ≈#272729 ronderëm d'Wuert), d'Wuertzeechen an Inter 600, wäiss #F3F3F5 mat engem dichten Glanz plus engem breede mëllen Halo, zentréiert (540,540). Wuertbreet: ≈1650 px f301 (horizontal verschmiert, Zoomsträifen) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/Bildschrumpf) → 492 f350, dann zesummegeklappt Erliichterung: 450 f355 → 267 f359 mat enger Onschärft déi op 3,5 px eropgeet. De Film endet mëttes beim Zesummeklappen.

1. Eng HTML Säit, 1080x1080, gezeechent vu seek(t) als reng Funktioun vun der Bildzuel. Keng CSS Iwwergäng, keng Timer, keng Math.random (nëmmen gesät Hashes). D'Opname registréieren sech als {f0, f1, render(localFrame)}.
2. All Wäert ass kontinuéierlech an der Framenummer (de 59.94 Master rendert hallef Frames): animéiert mat Keyframe-Tabellen kf(frame, [[f, value],...], ease) a Per-Frame-Lookup-Tabellen mat linearer Interpolatioun. Kee Math.floor bei Bewegung.
3. Onschärft: CSS Filteronschärft fir ronn Onschärft, SVG feGaussianBlur mat separater x/y-Standofwäichung fir direktional Verschmierungen. Zoom-Verschärft um Enn vun der Kaart = 20–30 skaléiert, ausgebliedert Kopie vum Wuert. Mattéiert Glas = eng onschärft, opgehellt Kopie vun deem wat hannendrun ass, op d'Form geschnidden.
4. Cursor: een SVG macOS Pfeil (schwaarz Fëllung, wäiss Kontur, mëllen Schiet) mat Rotatioun a Skaléierung, nei benotzt an S1, S3, S4.
5. Toun (keng Stëmm), genee 12,075 s: Musek mat 124 BPM, mëllen Intro, den Drop mat 2,47 s (Beat 5, den f72-Cut féiert ëm 2 Frames vir). Synthetiséiert SFX: mëllen Impakt 0,10 s; Whooshes mat engem Peak an de Cuts 2,402, 3,370, 5,305, 10,043 s; den Iwwergang trefft genee op 6,240 s an 8,175 s; Klicks mat 2,33 an 3,83 s; ganz roueg Tastenticks all ~32 ms iwwer 4,04–5,00 s; e mëllen Schimmer mat 10,05 s. Master op −14 LUFS, richtege Peak −1 dBTP, kee Fade ausser de leschten 60 ms.
6. Render mat Playwright (ee Screenshot pro Frame, Schrëften als éischt gelueden), H.264 yuv420p op 60000/1001 kodéieren, den Audio vermëschen.

Mooss den Text eréischt nodeems d'Schrëften gelueden sinn. En laangen Produktnumm passt net do wou en Numm mat 5 Buschtawen passt: skaléiert de ganze Lockup (Disc Look, Name, Pill) fir an d'Span x474–1063 ze passen, loosst d'Pill net vum Frame falen. E wäisst Orbitquadrat verschwënnt op der wäisser Säit ouni 1px Rand an e schwaache Schiet. Setzt keng Biller mat hirem eegenen Text an d'S6 Kaarten, soss gëtt den Glastitel duebel sou grouss. Halt d'Ausschnëttsframes exakt, och wou se net op engem Beat sëtzen. Näischt friert ausser S7 f269–287. Schwéier Onschärftstabellen kënnen eng Form komplett läschen: wann e Frame eidel ausgesäit, reduzéiert d'Onschärft bis d'Form nach ëmmer liesbar ass.

Frot mech no den Inputen. Da weist mir 4 Stills (f40 Header am Fënster, f86 Ikon Kräiz, f150 Fäerdeg Prompt, f230 déi zwou Kaarten) ier Dir de ganze Film rendert.

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: my brand colours mapped onto these roles; if I give none, use page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

Ufro geholl vun Post @notdwd.