Startvideo (Frame by Frame)

Bitten Sie mich um Folgendes: meinen Produktnamen, ein Logo (oder lassen Sie mich ein einfaches Symbol zeichnen), die kurze Eingabe des Nutzers in das Eingabefeld, die dazugehörige Seite (Titel + 2–3 Sätze mit einem Schlüsselbegriff), zwei Funktionsnamen für die Karten und einen Musiktitel. Falls ich etwas auslasse, verwenden Sie die Standardeinstellungen: Produkt „Frame by Frame“ im Whop-Hub, Suchersymbol (vier eckige Klammern um ein fettes „FF“), Aufforderung „Erstelle ein Launch-Video für meine App“, Lektionsseite „2.1 Wähle eine Referenz“, Karten „Launch“ und „Sound“ sowie den kostenlosen House-Track „Rising Forest“ von Mixkit, verlangsamt auf 124 BPM.

Ein 12 Sekunden langer, quadratischer Produkt-Sting (1080x1080 Pixel) mit 29,97 Bildern pro Sekunde (fps) (f0–f359), gemastert mit 59,94 fps. Erinnert an die Apple Keynote: weich, weiß, hellblau, glasig. Die Kamera schneidet nie in ein Standbild: Jede Einstellung beginnt in Bewegung (exponentielles Ausblenden, 12–19 % der verbleibenden Distanz pro Bild) und endet mit einer beschleunigenden Bewegung oder einem sanften Unschärfeverlauf. Die Unschärfe folgt Geschwindigkeit und Richtung jeder Bewegung.
Farbpalette: Seite #FDFDFB, Dunst #B7CFEB, Eis #E6F0FA, Tiefblau #294376 → #769CC2 Himmelblau-Verlauf, Marineblau #1E2F52, Akzentblau #2F6BFF / #3CC8F0 / Mint #4ED6A0, Weiß. Typ: Inter (400/500/600/700). Kein Lila, Violett, Magenta oder Orange.
Story: Der Produktkopf erscheint aus einem blauen Nebel in einem hellen App-Fenster → ein Cursor gleitet herein, dreht sich, wird beim Überfahren größer und klickt auf das Logo → harter Schnitt auf den Musik-Drop zum App-Symbol mit vier Quadraten, die sich zu einem Kreuz formen → das Symbol verwandelt sich in eine Mac-Menüleiste → der Cursor klickt auf das Menüleistensymbol, ein Eingabefeld aus Milchglas springt heraus und die Eingabeaufforderung wird getippt → schnelles Aufschwenken durch einen hellblauen Blitz auf die Antwortseite, die an ihren Platz scrollt → eine Karte erscheint darüber → sanfte Überblendung zu zwei übereinander gestapelten Karten mit riesigen Milchglas-Titeln → sanfte Überblendung zur einzelnen Logoscheibe → harter Schnitt zu einer schwarzen Endkarte mit einem leuchtenden Schriftzug.
Verboten: Überblendungen, Standbilder (mit Ausnahme eines Haltepunkts in S7), Standard-UI-Kits, Leuchteffekte auf UI-Texten, Math.random, alles, was wie eine Vorlage aussieht.

Die Koordinaten sind Pixel auf der 1080p-Bühne. Musiktakt k = 0,048 + 0,4838·ks (124 BPM, ein Takt = 14,5 Frames). Die drei harten Schnitte f72, f101 und f159 erfolgen 2 Frames vor einem Takt: Diese Frames bleiben exakt erhalten.
S1 f0–71, Kopfzeile + Fenster + Klick: Dunst #B7CFEB, der bis f28 zu #FDFDFB verblasst, blauer Bodenschein #DBEEFD bleibt am unteren Rand erhalten. Kopfzeile einzeilig: Logoscheibe ⌀132 (#FBFCFE, 1px Rand #E8E8EA, dunkle Markierung), der Produktname (Inter 500), eine dunkle Kapselpille „auf Whop“ (#2F2E2F, weiße Schrift); die gesamte Anordnung erstreckt sich von x474 bis 1063, die Mittellinie steigt von y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37) und driftet danach um 1 px pro Frame. Der Name erscheint in f2 verschwommen, die Pille in f4–5 stark verschwommen und gleitet beim Schärfen um 15 px nach links. Ein Lichtverteilerfenster (Radius 93, Füllung #FCFDFF, oberer Bereich #F1F6FF, blauer Bodenschein innen) blendet sich ein: Deckkraft 0 bis f14, 0,53 bei f15, 0,7 bei f19, 1,0 bei f24; obere linke Ecke (408,405), reicht rechts und unten über den Rand hinaus. Darin: eine Suchleiste im oberen Bereich, eine linke Symbolspalte (Kurssymbol bei (537,739), ausgeblendetes Chat-Symbol bei (537,900)) und eine Kurskarte von (764,700) außerhalb des Bildausschnitts mit Titelbild, Titel und „Kurs · 8 Lektionen“. Cursor (schwarzer macOS-Pfeil, weiße Umrandung, 32x39) erscheint bei f27 an Position (891,393), gleitet abbremsend nach links zu (770,383) f44, dreht sich beim Abtauchen nach unten links f47–51 und landet auf der unteren rechten Ecke der Scheibe (629,564) f56 → (587,546) f59 → (555,531) f71; er vergrößert sich beim Überfahren mit der Scheibe von f56 aus um das 1,55-Fache; ein weicher Eisring (#D5F3FF → #F7FEFF, äußerer Radius ⌀174) leuchtet ab f53 um die Scheibe herum auf. Die Kamera zoomt ungefähr (540,540): 1,0 f46 → 1,2 f60 sanftes Ein- und Ausblenden, hält f61, dann beschleunigt das Ausblenden auf 1,04 bei f71, während der Cursor gedrückt wird (verkleinert 15% f69–71).
S2 f72–100, Symbol + Umlaufbahn: Marineblaues Squircle-App-Symbol (#294376 → #1E2F52, weiße Markierung), 276 px bei f72, verkleinert sich bis f86 auf 178 px, Radius 28 % der Breite, auf einer grauen Halo-Scheibe #E9E9E7, die sich von ⌀240 (f75) auf 326 (f86) vergrößert. Vier 92 px große Quadrate (Radius 26) drehen sich gegen den Uhrzeigersinn, verlangsamen sich und bilden bei einem Umlaufbahnradius von ≈216 bis f86 ein Kreuz: Weiß (1 px #E3E8EF Rand + schwacher Schatten) links, #2F6BFF oben, #3CC8F0 rechts, #4ED6A0 unten. f88–100: Das Symbol schrumpft schnell auf ≈40 px, die Quadrate ordnen sich rechts davon in einer Reihe an (das Weiße rutscht hinter das Symbol), Unschärfe-Rampen von 0,3 → 6 px.
S3 f101–158, Menüleiste + Eingabeaufforderung: Weiße Seite über einem schwarzen Laptop-Rahmen (y425–475, obere Hervorhebung #686866), dunkelblaue Menüleiste (y477–538), darunterliegendes Hintergrundbild = blauer Himmelsverlauf mit dünnen weißen Linien (ein großer Kreis, zwei horizontale Linien, eine vertikale Linie, ein vierpunktiger Glitzerpunkt an einem Kreuzungspunkt, sanftes türkisfarbenes Leuchten oben rechts). Rechte Menüleiste in Weiß: WLAN, Akku, Schalter, Produktlogo bei x531–584, drei ⌀36 Punkte #2F6BFF / #3CC8F0 / #4ED6A0 bei x612, 661, 709, „Mon Jun 22 9:41 AM“ 34 px. Cursor steigt von unten auf (f102), positioniert sich auf der Markierung und wird durch Drücken von f113–117 fixiert. Die Kamera schwenkt den Inhalt um 125 Pixel nach rechts (f115–130, am schnellsten f118–120). Ein mattierter Glaskasten (weiß-blaues Glas über dem Himmel, heller oberer Rand, Radius 60) erscheint unterhalb der Markierung f116: Die Breite erreicht bei f126 ihren Höchstwert von 744 Pixeln und pendelt sich bei f138 auf 726 x 228 Pixel ein (ca. x196–922, y568–797). Die Eingabeaufforderung wird von f121 (erstes lesbares „Make“) bis f150 (abgeschlossen) mit etwa einem Zeichen pro Frame getippt, wobei alle zwei bis drei Zeichen eine kurze Pause von einem Frame eingelegt wird; der Cursor ist immer sichtbar; drei weiße Umrisssymbole befinden sich am unteren Rand; die Senden-Schaltfläche ist #2F6BFF ⌀51 mit einem weißen Pfeil nach oben. Ab Blende 136 gleitet die gesamte Szene nach oben und beschleunigt in eine peitschenartige Neigung (Blende 158, Bewegung ≈25 px/Frame, vertikale Unschärfe ≈6–8 px), während die Seite über Blende 154–158 in #E6F4FE getönt wird.
S4 f159–186, Antwortseite: Eine kurze Kurslektionsseite (Breadcrumb, Titel, Textkörper): Textspalte x120, Textkörper 47 px, Inter 400 grau #BCBCBA, Zeilenabstand 58, ein Schlüsselsatz („Frame for Frame“) in Schwarz 600. Die Seite erscheint verschwommen und 420 px tief, scrollt mit Offsets von 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) nach oben und bewegt sich dann bis f186 um −6 px. Unschärfe 24 px (f159) → 1,5 (f165) → 0. Blitz #E2F4FE, der bis f165 zu #FDFDFB verblasst. Ein Cursor, der senkrecht nach oben zeigt, scrollt mit und stoppt unter dem Schlüsselwort (≈(450,591) f180), driftet dann nach rechts.
S5 f187–214, Karte: Eine weiße Karte (x203–878, läuft unten über) erhebt sich über die Seite: Titelbild 627x536, 24 px eingerückt, Radius 64, mittig oben ein Lichtstreifen, Bildunterschrift halbfett 38 px schwarz, Unterbildunterschrift grau 23 px. Oberer Rand des Titelbildes: y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), dann wandert sie mit ca. 4 px pro Bild nach oben. Die Unschärfe der Karte erreicht bei f189 einen Maximalwert von 3,8 px und ist ab f201 scharf; die Seite dahinter ist bis ca. 2,5 px unscharf. Exit f207–214: Karte verkleinert sich um ca. 5 % und steigt an, während das gesamte Bild von 1 → 7 px unscharf wird; Schnitt am Unschärfemaximum.
S6 f215–244, zwei Karten: weiße Seite, zwei übereinanderliegende Karten 538x348 (Radius 57, Abstand 36), zentriert auf x540, obere Karte ab f230 bei y168, untere bei y552. Jede Karte: Coverbild (ohne eingebetteten Text), eine mattierte Pille oben links („Modul 3“ / „Modul 5“), ein mattiertes rundes „•••“ oben rechts und ein großer, fetter Titel am unteren Rand aus mattiertem Glas (eine verschwommene, aufgehellte Kopie des Bildes, an die Buchstaben angepasst und vom unteren Kartenrand abgeschnitten): „Launch“ und „Sound“. Beide Karten erscheinen 12 px unscharf und ab f224 scharf; die obere Karte erscheint 8 % größer und steigt ab y264 an; die untere Karte steigt ab y927 an und ist dahinter versetzt angeordnet. Sie driften 3 Pixel/Bild nach oben (f230–238), beschleunigen dann nach oben und verschwimmen im Schnitt.
S7 f245–300, Logo-Disk: Seite #FDFDFB, Disk ⌀168 #F6F6F6 mit der dunklen Markierung steigt in die Mitte (oben y569 f245 → 491 f250 → 468 f255 → 456 f269) mit einem vertikalen Schmierfleck auf dem Schnittbild, bleibt bei f269–287 stehen (die einzige eingefrorene Strecke), schrumpft dann und beschleunigt auf ⌀123 bei f300.
S8 f301–359, Endkarte: schwarzer radialer Hintergrund (#020204 Ecken, ≈#272729 um das Wort herum), die Wortmarke in Inter 600, weiß #F3F3F5 mit einem engen Leuchten plus einem breiten weichen Halo, zentriert (540,540). Wortbreite: ≈1650 px f301 (horizontal verschmiert, Zoomstreifen) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/Frame-Verkleinerung) → 492 f350, dann sanftes Einblenden: 450 f355 → 267 f359 mit zunehmender Unschärfe auf 3,5 px. Der Film endet mitten im Einblenden.

1. Eine HTML Seite (1080x1080), die von seek(t) als reine Funktion der Frame-Nummer gezeichnet wird. Keine CSS Übergänge, keine Timer, kein Math.random (nur initialisierte Hashwerte). Einstellungen werden als {f0, f1, render(localFrame)} registriert.
2. Jeder Wert ist innerhalb der Frame-Nummer kontinuierlich (der 59,94-Master rendert halbe Frames): Animieren Sie mit Keyframe-Tabellen kf(frame, [[f, value],...], ease) und Lookup-Tabellen pro Frame mit linearer Interpolation. Keine Abrundungsfunktion (Math.floor) für Bewegungen.
3. Weichzeichnen: CSS Filter für runde Unschärfe, SVG feGaussianBlur mit separater x/y-Standardabweichung für gerichtete Unschärfen. Zoom-Unschärfe auf der Endkarte = 20–30 skalierte, verblasste Kopien des Wortes. Milchglas = eine verschwommene, aufgehellte Kopie des dahinterliegenden Objekts, auf die Form zugeschnitten.
4. Cursor: ein SVG -macOS-Pfeil (schwarze Füllung, weiße Kontur, weicher Schatten) mit Rotation und Skalierung, wiederverwendbar in S1, S3, S4.
5. Ton (ohne Stimme), exakt 12,075 s: Musik mit 124 BPM, sanftes Intro, Drop bei 2,47 s (Zählzeit 5, der Schnitt bei f72 erfolgt 2 Frames voraus). Synthetisierte Soundeffekte: sanfter Aufprall bei 0,10 s; Zischlaute mit Spitzen bei den Schnitten bei 2,402, 3,370, 5,305 und 10,043 s; Übergänge exakt bei 6,240 und 8,175 s; Klicks bei 2,33 und 3,83 s; sehr leise Tastenanschläge alle ca. 32 ms über 4,04–5,00 s; ein sanftes Schimmern bei 10,05 s. Master auf −14 LUFS, True Peak −1 dBTP, kein Fade außer den letzten 60 ms.
6. Rendern mit Playwright (ein Screenshot pro Frame, Schriftarten zuerst laden), H.264 yuv420p mit 60000/1001 kodieren, Audio muxen.

Messen Sie den Text erst, nachdem die Schriftarten geladen wurden. Ein langer Produktname passt nicht an die Stelle, an der ein 5-buchstabiger Name passte: Skalieren Sie die gesamte Anordnung (Disc-Lücke, Name, Pill) so, dass sie in den Bereich x474–1063 passt. Achten Sie darauf, dass die Pill nicht aus dem Bildausschnitt ragt. Ein weißes Orbit-Quadrat ist auf weißem Papier ohne 1-Pixel-Rand und schwachen Schatten nicht sichtbar. Platzieren Sie keine Bilder mit eigenem Text in den S6-Karten, da sich sonst der Glastitel verdoppelt. Halten Sie die Schnittrahmen exakt, auch wenn sie nicht auf einem Takt liegen. Nur S7 f269–287 friert ein. Starke Weichzeichnungstabellen können eine Form vollständig auslöschen: Wenn ein Rahmen leer aussieht, reduzieren Sie die Weichzeichnung, bis die Form noch erkennbar ist.

Bitten Sie mich um die Eingaben. Zeigen Sie mir dann 4 Standbilder (f40 Kopfzeile im Fenster, f86 Symbolkreuz, f150 Fertig-Eingabeaufforderung, f230 die beiden Karten), bevor Sie den gesamten Film rendern.

Ask me for: my product name, a logo (or let you draw a simple mark), 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: 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.

Vorlage entnommen aus Post @notdwd.