12-Sekunden Produktlaunch-Video-Prompt

<inputs> Frag mich nach: meinem Produktnamen, einem Logo (oder lass mich ein einfaches Zeichen zeichnen), meinen Markenfarben (oder ziehe sie aus meinem Logo), dem Einzeiler, den ein Nutzer in das Promptfeld tippt, der Seite, die darauf antwortet (Titel + 2–3 Sätze mit einem Schlüsselbegriff), zwei Feature-Namen für die gestapelten Karten und einem Musiktitel. Wenn ich etwas auslasse, verwende die Standardwerte: Produkt „Frame by Frame" in seinem Whop-Hub, ein Sucher-Markenzeichen (vier Eckklammern um ein fettes „FF"), Prompt „Make a launch video for my app", eine Lektionsseite mit dem Titel „2.1 Choose a reference", Karten „Launch" und „Sound" und Mixkits kostenloser House-Track „Rising Forest", verlangsamt auf 124 BPM. </inputs> <direction> Ein 12 Sekunden langes quadratisches Produkt-Sting, 1080x1080, Bildnummern bei 29,97 fps (f0–f359), Master gerendert bei 59,94 fps. Apple-Keynote-Gefühl: weich, weiß, hellblau, glasig. Die Kamera schneidet nie auf einem Standbild: Jede Einstellung beginnt bereits in Bewegung (exponentielles Auslaufen, 12–19 % der verbleibenden Distanz pro Frame) und endet mit einer beschleunigenden Bewegung oder einem Unschärfe-Ramp. Unschärfe folgt Geschwindigkeit und Richtung bei jeder Bewegung. Palette: Meine Markenfarben, abgebildet auf diese Rollen; wenn ich keine angebe, verwende Seite #FDFDFB, Dunst #B7CFEB, Eis #E6F0FA, Tiefblau #294376 → #769CC2 Himmelsverlauf, Marineblau #1E2F52, Akzentblau #2F6BFF / #3CC8F0 / Mint #4ED6A0, Weiß. Schrift: Inter (400/500/600/700). Kein Lila, Violett, Magenta oder Orange irgendwo. Story: Der Produkt-Header erhebt sich aus einem blauen Dunst in einem hellen App-Fenster → ein Cursor gleitet herein, dreht sich in seine Bewegungsrichtung, wächst beim Hover und klickt auf das Logo → harter Schnitt auf den Musik-Drop zum App-Symbol mit vier Quadraten, die in ein Kreuz kreisen → das Symbol kollabiert in eine Mac-Menüleiste → der Cursor klickt auf das Menüleisten-Symbol, eine Glas-Prompt-Box springt heraus und der Prompt tippt sich ein → Peitschen-Kipp nach oben durch einen hellblauen Blitz in die Antwortseite, die an ihren Platz scrollt → eine Karte erhebt sich darüber → Unschärfe-Überblendung zu zwei gestapelten Karten mit riesigen Glas-Titeln → Unschärfe-Überblendung zur einzelnen Logo-Scheibe → harter Schnitt auf eine schwarze Endkarte mit einem leuchtenden Wortzeichen. Verboten: Überblendungen, eingefrorene Frames (außer einem Halten in S7), Stock-UI-Kits, Glühen auf UI-Text, Math.random, alles, was wie eine Vorlage aussieht. </direction> <structure> Koordinaten sind px auf der 1080-Bühne. Musik-Beat k = 0,048 + 0,4838·k s (124 BPM, ein Beat = 14,5 Frames). Die drei harten Schnitte f72, f101, f159 landen 2 Frames vor einem Beat: Halte diese exakten Frames ein. S1 f0–71, Header + Fenster + Klick: Dunst #B7CFEB, der bis f28 zu #FDFDFB verblasst, behalte einen blauen Boden-Glow #DBEEFD unten. Header in einer Zeile: Logo-Scheibe ⌀132 (#FBFCFE, 1px Rand #E8E8EA, dunkles Zeichen), der Produktname (Inter 500), eine dunkle Kapsel-Pille „on Whop" (#2F2E2F, weißer Text); die gesamte Wortgruppe spannt x474–1063, Mittellinie steigt y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), driftet danach 1 px/Frame. Name erscheint f2 unscharf, Pille f4–5 stark unscharf und gleitet 15 px nach links, während sie scharf wird. Ein helles Hub-Fenster (Radius 93, Füllung #FCFDFF, oberes Band #F1F6FF, blauer innerer Boden-Glow) blendet sich ein: Deckkraft 0 bis f14, 0,53 f15, 0,7 f19, 1,0 f24; obere linke Ecke (408,405), läuft rechts und unten aus dem Bild. Darin: eine Such-Pille im oberen Band, eine linke Symbolspalte (Kurse-Symbol bei (537,739), ausgeblendetes Chat-Symbol bei (537,900)) und eine Kurskarte von (764,700) aus dem Bild mit Coverbild, Titel und „Course · 8 lessons". Cursor (schwarzer macOS-Pfeil, weiße Kontur, 32x39) erscheint f27 bei (891,393), gleitet links hin und verlangsamt bis (770,383) f44, dreht sich f47–51 nach unten-links, während er eintaucht, landet auf der unteren rechten Scheibe (629,564) f56 → (587,546) f59 → (555,531) f71; wächst ×1,55 beim Hover ab f56; ein weicher Eisring (#D5F3FF → #F7FEFF, außen ⌀174) leuchtet um die Scheibe ab f53. Kamera zoomt um (540,540): 1,0 f46 → 1,2 f60 mit ease-in-out, hält f61, löst sich dann beschleunigend auf 1,04 bei f71, während der Cursor drückt (schrumpft 15 % f69–71). S2 f72–100, Symbol + Umlaufbahn: marineblaues Squircle-App-Symbol (#294376 → #1E2F52, weißes Zeichen), 276 px bei f72, schrumpft mit ease-out auf 178 px bis f86, Radius 28 % der Breite, auf einer grauen Halo-Scheibe #E9E9E7, die ⌀240 (f75) → 326 (f86) wächst. Vier 92-px-Quadrate (Radius 26) drehen sich gegen den Uhrzeigersinn ein, verlangsamen und rasten bei Umlaufbahnradius ≈216 bis f86 in ein Kreuz ein: weiß (1px #E3E8EF-Kante + schwacher Schatten) links, #2F6BFF oben, #3CC8F0 rechts, #4ED6A0 unten. f88–100: Das Symbol schrumpft beschleunigend auf ≈40 px, die Quadrate gleiten in eine Reihe rechts davon (Weiß rutscht hinter das Symbol), Unschärfe-Ramp 0,3 → 6 px. S3 f101–158, Menüleiste + Prompt: weiße Seite über einem schwarzen Laptop-Gehäuseband (y425–475, oberes Highlight #686866), eine dunkelmarineblaue Menüleiste (y477–538), Tapete darunter = der blaue Himmelsverlauf mit dünner weißer Linienkunst (ein großer Kreis, zwei horizontale Linien, eine vertikale, ein Vier-Punkt-Funkeln an einer Kreuzung, weicher türkiser Glow oben rechts). Rechte Menüleisten-Gruppe in Weiß: Wi-Fi, Akku, Schalter, das Produktzeichen bei x531–584, drei ⌀36-Punkte #2F6BFF / #3CC8F0 / #4ED6A0 bei x612, 661, 709, „Mon Jun 22 9:41 AM" 34 px. Kommt unscharf mit 3 px herein und beruhigt sich bis f110. Cursor steigt von unten (f102), sitzt auf dem Zeichen, drückt f113–117. Kamera schwenkt Inhalt nach rechts +125 px f115–130 (am schnellsten f118–120). Eine Glas-Prompt-Box (weiß-blaues Glas über dem Himmel, helle obere Kante, Radius 60) springt unter dem Zeichen hervor f116: Breite erreicht 744 bei f126 und beruhigt sich auf 726x228 bis f138 um x196–922, y568–797. Der Prompt tippt von f121 (erstes lesbares „Make ") bis f150 (vollständig) mit etwa 1 Zeichen/Frame mit einem 1-Frame-Halten alle 2–3 Zeichen; Caret immer an; drei weiße Kontursymbole entlang der Unterseite; Senden-Button #2F6BFF ⌀51 mit weißem Aufwärtspfeil. Ab f136 driftet die gesamte Szene nach oben, beschleunigt in einen Peitschen-Kipp (f158 bewegt sich ≈25 px/Frame, vertikale Unschärfe ≈6–8 px), während die Seite über f154–158 mit #E6F4FE getönt wird. S4 f159–186, Antwortseite: eine helle Kurs-Lektionsseite (Brotkrumen, Titel, Text): Textspalte x120, Text 47 px Inter 400 grau #BCBCBA, Zeilenabstand 58, ein Schlüsselbegriff („frame for frame") in Schwarz 600. Sie kommt verschmiert und 420 px tief an, scrollt mit Offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180) nach oben, kriecht 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 gerade nach oben zeigt, reitet auf dem Scrollen und stoppt unter dem Schlüsselbegriff (≈(450,591) f180), driftet dann nach rechts. S5 f187–214, Karte: Eine weiße Karte (x203–878, läuft unten aus dem Bild) erhebt sich über die Seite: Coverbild 627x536, 24 px eingerückt, Radius 64, ein heller Griffbalken oben in der Mitte, Bildunterschrift semibold 38 px schwarz, Untertitel grau 23 px. Cover-Oberkante y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), driftet dann mit ~4 px/Frame weiter nach oben. Kartenunschärfe erreicht 3,8 px bei f189, scharf bis f201; die Seite dahinter wird auf ≈2,5 px unscharf. Ausgang f207–214: Karte schrumpft ~5 % und steigt, während der gesamte Frame 1 → 7 px unscharf wird; Schnitt am Unschärfe-Höhepunkt. S6 f215–244, zwei Karten: weiße Seite, zwei gestapelte Karten 538x348 (Radius 57, Lücke 36) zentriert auf x540, obere Karte beruhigt sich bis f230 bei y168, untere bei y552. Jede: Cover-Art (kein Text eingebacken), eine Glas-Pille oben links („Module 3" / „Module 5"), ein rundes Glas-„•••" oben rechts und ein riesiger fetter Titel entlang der Unterkante aus Glas (eine unscharfe, aufgehellte Kopie des Bildes, auf die Buchstaben beschnitten, von der Unterkante der Karte abgeschnitten): „Launch" und „Sound". Beide kommen mit 12 px Unschärfe herein und sind bis f224 scharf; die obere Karte kommt 8 % groß und steigt von y264; die untere Karte steigt von y927, versetzt dahinter. Sie driften f230–238 mit 3 px/Frame nach oben, beschleunigen dann nach oben und verschwimmen in den Schnitt. S7 f245–300, Logo-Scheibe: Seite #FDFDFB, Scheibe ⌀168 #F6F6F6 mit dem dunklen Zeichen, steigt in die Mitte (obere Kante y569 f245 → 491 f250 → 468 f255 → 456 f269) mit einem vertikalen Verschmieren auf dem Schnittframe, hält still f269–287 (der einzige eingefrorene Abschnitt), schrumpft dann beschleunigend auf ⌀123 bei f300. S8 f301–359, Endkarte: schwarzer radialer Hintergrund (#020204 Ecken, ≈#272729 um das Wort), das Wortzeichen in Inter 600, weiß #F3F3F5 mit engem Glow plus weitem weichem Halo, zentriert (540,540). Wortbreite: ≈1650 px f301 (horizontal verschmiert, Zoom-Streifen) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/Frame Schrumpfung) → 492 f350, kollabiert dann mit ease-in: 450 f355 → 267 f359 mit Unschärfe, die auf 3,5 px steigt. Der Film endet mitten im Kollaps. </structure> <build> 1. Eine HTML-Seite, 1080x1080, gezeichnet von seek(t) als reine Funktion der Frame-Nummer. Keine CSS-Übergänge, keine Timer, kein Math.random (nur gesetzte Hashes). Einstellungen registrieren als {f0, f1, render(localFrame)}. 2. Jeder Wert ist kontinuierlich in der Frame-Nummer (der 59,94-Master rendert halbe Frames): animiere mit Keyframe-Tabellen kf(frame, [[f, value], ...], ease) und Lookup-Tabellen pro Frame mit linearer Interpolation. Kein Math.floor bei Bewegung. 3. Unschärfe: CSS-Filter blur für runde Unschärfe, SVG feGaussianBlur mit getrennten x/y-Standardabweichungen für Richtungsverschmierungen. Zoom-Verschmierung auf der Endkarte = 20–30 skalierte, verblasste Kopien des Wortes. Glas = eine unscharfe, aufgehellte Kopie dessen, was dahinter ist, auf die Form beschnitten. 4. Cursor: Ein SVG-macOS-Pfeil (schwarze Füllung, weiße Kontur, weicher Schatten) mit Rotation und Skalierung, wiederverwendet in S1, S3, S4. 5. Ton (keine Stimme), exakt 12,075 s: Musik bei 124 BPM, weiches Intro, der Drop bei 2,47 s (Beat 5, der f72-Schnitt führt ihn um 2 Frames an). Synthetisierte SFX: weicher Aufprall 0,10 s; Whooshes, die an den Schnitten 2,402, 3,370, 5,305, 10,043 s ihren Höhepunkt erreichen; Übergangs-Hits exakt bei 6,240 s und 8,175 s; Klicks bei 2,33 und 3,83 s; sehr leise Tasten-Ticks alle ~32 ms über 4,04–5,00 s; ein weicher Schimmer 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 geladen), H.264 yuv420p bei 60000/1001 kodieren, Audio muxen. </build> <gotchas> Text erst messen, nachdem die Schriftarten geladen sind. Ein langer Produktname passt nicht dorthin, wo ein 5-Buchstaben-Name passte: Skaliere die gesamte Wortgruppe (Scheibenabstand, Name, Pille), um in die Spanne x474–1063 zu passen, lass die Pille nicht aus dem Bild fallen. Ein weißes Umlaufbahn-Quadrat verschwindet auf der weißen Seite ohne 1px-Kante und schwachen Schatten. Lege keine Bilder mit eigenem Text in die S6-Karten, sonst verdoppelt sich der Glastitel. Halte die Schnittframes exakt, auch wo sie nicht auf einem Beat sitzen. Nichts friert ein außer S7 f269–287. Schwere Unschärfe-Tabellen können eine Form komplett auslöschen: Wenn ein Frame leer aussieht, reduziere die Unschärfe, bis die Form noch lesbar ist. </gotchas> <start> Frag mich nach den Eingaben. Zeig mir dann 4 Standbilder (f40 Header im Fenster, f86 Symbol-Kreuz, f150 fertiger Prompt, f230 die zwei Karten), bevor du den vollständigen Film renderst. </start>