Simple MotionKinetic type product launch on a 120 BPM beat
<direction> Make a 24-second kinetic-type launch film for my product, horizontal 1920x1080 at 30 fps, exactly 23.8 s long, with no voice and no filmed footage: everything is drawn. The idea: one bold lowercase word per shot, a hard cut every second on a 120 BPM beat, a short product demo in the middle, then a typed break, a drop and a fast tour of the product working, ending on a calm closing word. Put my logo mark bottom left on every word shot and redraw my product's screens as simple flat UI (sidebar, cards, a chart, a video player). Every quoted word and line below is an example to replace with my product's: 15-18 single feature words with a short chip phrase each, three steps, a few lines a user would type with the answers, and my product's name and web address. Avoid crossfades, slow drifts, filmed footage, a voice-over and full sentences in the headline shots. </direction> <structure> 1. 0.00-0.97: "type." on the light page, whipping in from the left. A cursor glides from the lower right onto the pink dot: a hover halo, a click ripple, and a pink tooltip opens under the dot with "Describe your idea.", step "01" and an arrow button. 2. 0.97-1.97: "ideas." on deep ink, left of centre, from the right. At 1.5 s a pink step tooltip springs open from its left edge (back out, about 22% overshoot, 543 x 196 px at rest): "Type your idea. Live preview.", step "02", back and next arrows. 3. 1.97-2.97: "edit." on pink from the right, chip "Edit in words" under it. The cursor drags a dashed selection over the end of the word and the dot, which then blur (backdrop blur 18 px); a small white bubble by the logo says "No keyframes". 4. 2.97-3.93: "move." on the light page from below, chip "3D effects". At 3.5 s the chip fades and the camera dives into the full stop: scale grows as e^(0.0251 n²), n frames into the dive, centred on the dot, until its pink fills the frame. 5. 3.93-4.97: on that pink, "sound." grows from 0.42 to 1 (power2 in-out, 0.23 s, a hair of overshoot); its letters then jump like a level meter (a new random lift and scale every frame, calming down). A white pill with a note icon, a live waveform (played bars pink, the rest pale pink) and "Music and sound effects". 6. 4.97-5.97: "vertical." on the light page from the left, a lavender pill "Vertical" under it. On every 8th note the word rolls to "horizontal.", "square.", "MP4.": over 3 frames the old word rises 135 px, blurs and fades while the new one comes up from 300 px below out of a blur (power2 out), and the pill text changes as it lands. A dark bubble by the logo says "Try it free". 7. 5.97-6.97: "fonts." on pink from the top with a near-black button "Try it free"; then hard cuts every 0.25 s to the same word as a soft serif on violet (yellow dot), a tight black grotesk on orange (white dot) and a condensed cut on teal (deep-ink dot), each with its own button colour. 8. 6.97-7.97: "free." on deep ink from the left. A white address bar pops with overshoot, showing my product's address and a pink "Open app" button; the cursor clicks it, a check appears and a ripple rings inside the button. 9. 7.97-8.97: "live." on the light page from the right; under it a one-line embed snippet in a white code box, an iframe tag pointing at my product's address (pink tag, orange attribute, violet string). At 8.4 s a browser window drops in from above behind the word (power2 in, 2 frames, blurred) and lands. 10. 8.97-9.97: "export." on pink from below; three white cards fly up one after another, 2 frames apart, overshooting about 28 px and settling: "Pick a template" 01, "Describe your idea" 02, "Refine in words, then export" 03. 11. 9.97-11.47: "in a chat." small (140 px) at the top, from the left. Under it my product's dashboard in a browser window rises from below (expo out over 0.29 s from about 725 px, blurred): a deep-ink sidebar with my mark, step cards and a pink rising chart, and a pink tour tooltip "Describe the video. The agent animates it.". The cursor clicks its next arrow and the page flashes white into the next page with the tooltip "The preview updates as you talk.". 12. 11.47-12.97: "as an MP4." on pink, the product as a dimmed video player rising from below. The cursor presses the white play button, the cover lifts, the button folds away and the video pushes in (1.34x, power3 out) on the first card while a tooltip "Pick a template." and a pulsing pink hotspot appear. 13. 12.97-13.97: the break on deep ink. "your AI" fades up word by word with an orange text caret, the line re-centres as "motion" is added, the caret blinks 4 frames on, 4 off; then 7 frames of near-black. 14. 13.97-14.97: the drop on pink. A ring of thin white speed lines bursts outward in 6 frames and "designer." slams in at 2x, overshoots down to 0.88 and springs back through 1.03 to rest within 0.45 s. 15. 14.97-20.97: the product working. An app window slides in from the right on the light page: a chat on the left and a stage on the right ("Your AI motion designer", two starter buttons "Pick a template" and "Describe your idea"). The camera pushes in on the chat (1.77x in 4 frames): a request bubble "Kinetic type, shapes and sound", three thinking dots, a typed answer "Describe the video. The agent animates it.". It pulls back as the stage opens a browser window with a template picker (six cards), pushes in on chat and screen together while "No keyframes to hunt for. Say what should change." types and a bubble "'Bigger', 'slower', 'another colour'" arrives, pulls back as the stage turns into a playing video, and ends wide. Every fast move is 3-6 frames with a slight blur. 16. 20.97-21.97: "words." on pink from the left; a white chat card where the request "'Bigger', 'slower', 'another colour'" fades in, then the answer "The preview updates as you talk.". 17. 21.97-22.97: "gets it." on deep ink from the right; a white bar of four cells pops (0.83 to 1 with back out): TYPE "Bigger", MOTION "Slower", COLOUR "Another colour", EXPORT "MP4". 18. 22.97-23.80: "in motion." on the light page from the top, a teal pill "Live preview · Vertical" whose second half runs through "Horizontal", "Square" and "MP4 export" every 7 frames. The last label is my site's address. </structure> <composition> Palette: light page #FAF9FF, deep ink #1C0B5D (dark backgrounds and dark type), near-black #0D0B1E (buttons, the blackout), main accent pink #FB2D89 (also the colour backgrounds), orange #FE9117 (accent on dark), violet #7C6CF2, teal #2DD4B0 and yellow #FFD23F only for the theme cuts, lavender panels #F0EDFF, muted text #6B6385, hairlines #E9E4F2, white. Shots rotate between three backdrops: light page with deep-ink words and a pink full stop; deep ink with white words and an orange full stop; pink with white words and a deep-ink full stop. Headline words: Mona Sans Black at 112.5% width, 250-315 px, letter-spacing -0.06 em, lowercase, centred, always followed by a coloured round full stop 0.2 em wide sitting on the baseline. UI text in Inter 400-700. For the theme carousel: one serif moment in Fraunces 600 with soft terminals, one tight grotesk (Inter Black at -0.1 em) and one condensed cut (Mona Sans at 75% width). Code in Geist Mono. Chrome on every word shot: a caps label top left (Mona Sans 600 expanded, 19 px, +0.25 em tracking; deep ink at 55% on light, white at 52% on dark, white at 62% on colour), a thin line icon top right (30 px, same colour, fading in over 3 frames after each cut), and my logo mark bottom left as a 78 px rounded square. </composition> <techniques> Cuts are hard and land on the beat, every 2 beats (1.0 s); the four theme cuts land on 8th notes. Each new word whips in from a side, alternating left, right, top, bottom: it starts about 500 px away and settles in 0.14 s with expo out, decaying about 5x a frame, with a blur along the direction of travel proportional to the distance left (about 0.11 px of blur per px), landing sharp. The caps label decodes on every cut: 3 letters resolve per frame, scrambled letters and digits run 7 ahead and change every second frame; spaces and the middle dot stay. UI pieces pop: half visible on the frame they appear, whole a frame later, scaling from 0.7-0.85 with back out (about 10% overshoot) over 0.26 s. The logo hops 6 px a frame before every beat and sends out a pink halo (white on the pink backdrop) that grows to 1.68x and fades from 34% to 6% over the beat. Cursors are a black arrow with a white outline gliding in with power3/power4 out, clicking with a small squash and a ripple ring. </techniques> <music> Make an original upbeat, glossy electronic pop bed at 120 BPM in 4/4, exactly as long as the video: bouncy staccato synth bass, tight claps, crisp hats, bright plucks and a few chopped vocal "woo" stabs, no words. Full energy from the first beat, with downbeats every 2 s starting at -0.03 s so every cut sits on a beat. At 12.97 s the beat drops out, leaving only a filtered breakdown and a riser under the typed break; at 13.97 s the full groove slams back on the burst with a deep boom. Short fade at the end. </music> <sound> No voice-over. On top of the music: a short airy whoosh peaking on each cut, soft clicks on every pop, ticks on the theme cuts and the typed words, a short riser into the dive and a sub drop as the colour fills the frame, quick whooshes on the camera moves, a thud as the browser window lands, and a boom on the last cut. Mix to about -14 LUFS with true peak under -1 dBTP. </sound>
Used 7 times
