Motion Fabyour AI motion designer
Simple Motion

Kinetic type product launch on a 120 BPM beat

Bold lowercase words whip in on a hard cut every beat, with pop-up UI, a dive through a full stop, a typed break, a drop and a fast product tour.

Published Used 1 time

Use prompt

The prompt opens in the app: add your own materials and the agent builds the video.

Report this prompt

Prompt

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.

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.

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.

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.

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.

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.

What to prepare

  • My logo mark, ideally square; it beats bottom left on every word shot and sits in the product sidebar.
  • A few screenshots of my product (dashboard, chat, video player) to redraw as simple flat UI.
  • My product's name, web address and 15-18 feature words, each with a short chip phrase.

More prompts

Preview of the “One Full Stop: A Seamless One-Take Figure Loop” promptSimple Motion

One Full Stop: A Seamless One-Take Figure Loop

<direction> Make a 29-second, 1920x1080 landscape, 60 fps one-take motion film. A single typed full stop becomes a series of figures: a line, a circle, a glossy sphere, a glass lens, a bouncing ball, a swarm of particles and a globe. It ends as the full stop of the closing sentence, so the last frame flows straight back into the first and the film loops. There are no cuts at all: every figure grows out of the previous one and the camera never stops moving. Everything is drawn: type, strokes and 3D figures on a light page, with no footage, photos or stock. The feel is quiet and editorial, like figures in a textbook: a pale page, deep-ink drawing and type, and one pink accent. Avoid cuts, extra colours and decorative clutter. No text, figure or trail may run off the edges of the frame or cross the header. </direction> <structure> 1. 0–2 s, the point. A 5 px pink caret stands on the empty page. At 0.5 s it types a 14 px full stop exactly where the period of the closing sentence will be (right of centre, slightly low), steps right and fades out in 0.12 s. The camera dives into the dot: its scale is interpolated in log space from 14 px to a 130 px disc while the dot slides to the exact centre, both on one sine.inOut from 0.53 to 1.98 s. 2. 2–4.5 s, the line. The dot moves in power2.inOut steps: right by about 390 px (2.0–2.5 s), far left (2.5–3.5 s), back to the centre (3.5–4.0 s), right again (4.0–4.5 s). The stroke it leaves is simply the range it has visited. Meanwhile the camera eases out from scale 1 to 0.655. 3. 4.5–6 s, the circle. One power2.inOut turn of 1 s sweeps the dot counter-clockwise round a full circle that draws itself behind it. The dot then returns to the centre (5.5–6.0 s). Two small pink italic labels with hairline leaders fade in: "bigger" over the diameter (4.6 s) and "slower" at the upper left of the circle (5.6 s). 4. 6–8.2 s, the sphere. The page tilts into a floor: over 2.2 s, with a soft start and a long settle, the camera orbits from straight down to about 62° from vertical, turns about 20° in azimuth and dollies in. The flat disc becomes a glossy deep-ink sphere with a soft shadow falling to the right. The labels stay upright, pinned to their places on the floor, and leave at 7.8 s. 5. 8.2–11.2 s, the lens. The diameter is erased from the centre outwards in 0.15 s and the circle dissolves in noise patches. A block of eight monospace lines is revealed radially across the floor behind the ball. Example lines (replace with yours): "Describe your idea", "Tell the chat what to show.", "The agent builds the animation.", "No keyframes to hunt for.", "Say what should change.", "“Bigger”, “slower”, “another colour”:", "the preview updates as you talk.", "Refine in words, then export". The ball turns to clear glass in 0.2 s and rolls left across the words on a 2.4 s sine.inOut while the camera follows it. The floor words fade out softly before they reach the left and right edges of the frame. A pink label "another colour" sits by the ball. At 11.0 s the words fade and the ball is deep ink again. 6. 11.2–16 s, the ball. The camera pulls back. The ball crouches for 0.15 s and bounces to the right with restitution 0.75: flights of 0.98 s × 0.75ⁿ, so it comes to rest exactly at 16 s. It leaves a pink dotted trajectory, and the top of the first arc stays below the header. The camera tracks the ball and pushes in as the bounces shrink. A label "sound effects" sits over the second arc and is gone before it reaches the frame edge. 7. 16–20.6 s, the flock. The ball is erased from the top down over 0.6 s while 8,192 small deep-ink dots leave its surface in that order, rise and swarm. They form a dense cloud that stretches, turns and folds into crescents, with a soft wide shadow on the floor. Label "shapes". 8. 20.6–23.4 s, the world. The dots land, staggered over 0.3 s, on the land of a globe, which then fades in. The pink axis gets the label "vertical". The globe turns west to east, with Africa facing the camera at 22 s. 9. 23.2–25.1 s, back to the page. The globe shrinks and darkens into the flat disc as the orbit flattens back to straight down. The camera then pulls back out on a reversed dive (sine.inOut, about 1.1 s) until the disc is the 14 px full stop again. 10. 25–29 s, the full stop. The closing sentence is typed one character per frame with the pink caret, in two lines that end on the dot as their full stop. Example: "Describe the video." then "The agent animates it" (replace with your own two-line sentence). At 26.08 s the caret jumps over the dot and blinks at 1 Hz to the end, while the whole sentence settles by 3% towards the dot. The caption "MP4 export" types at 26 s. At 26.6 s a footer with your call to action and web address fades in, centred at the bottom, e.g. "TRY IT FREE · [YOUR ADDRESS]". The last frame matches the first so the film loops. Captions start on bars of the music (replace them with your own short label-and-phrase pairs): - "IDEAS in motion" at 0.6 s - "CHAT instead of a timeline" at 2 s - "EDIT in words" at 4 s - "3D effects" at 6 s - "LIVE preview" at 8 s - "MUSIC to the rhythm" at 12 s - "NO keyframes" at 16 s - "FONTS for every script" at 21 s, gone at 24 s - "MP4 export" at 26 s </structure> <composition> Palette: - Page #FAF9FF, with a very soft lavender vignette towards the sides (deep ink at about 5% at the edges). - Deep ink #1C0B5D for all drawing and dark type. - Pink #FB2D89 as the only accent, for labels, carets, the dotted trail and the globe's axis. - Muted #6B6385 for the small header and footer. Type: - Spectral regular for the big closing sentence. - Spectral italic for caption phrases and figure labels. - Spectral semibold small caps for caption labels, headers and footer. - JetBrains Mono for the words printed on the floor. Fixed frame furniture for the whole film: top left "[YOUR BRAND]" and top right a short descriptor such as "YOUR AI MOTION DESIGNER" (replace with yours). Both are 21 px semibold caps with 0.14em tracking, in the muted colour, 80 px from the sides. Under every figure sits a centred caption at a constant size: a pink small-caps label, then an italic phrase. Figure labels are small pink italics with hairline leaders. The closing sentence is two lines of 129 px Spectral that start at the same x. The block is centred horizontally, with its vertical centre a little above the middle of the frame. Measure the two lines first and place the dot where the centred block ends, so the opening types its full stop in that exact place. Keep every caption, label, floor word and trail inside the frame and clear of the header. </composition> <techniques> - Captions are typed from the left at 20 characters per second, with a thin pink caret that stays 0.35 s after the last character. Each one is backspaced one character per frame just before the next caption swaps in. - Strokes are about 12 px thick with a slightly rough ink edge. Each moves on a beat. - The deep-ink sphere has studio reflections: a big soft box at the upper left, a thin strip on the right and the floor in its lower half. - The glass ball refracts in and out of the sphere and reads the floor, so the words show upside down inside it. Its shadow carries a bright caustic. - The bouncing ball squashes and stretches a little at every contact. Its trail drops one pink dot every 1/30 s. - The globe has halftone-dot continents in deep ink on a pale sphere lit from the upper left. It has a faint pink graticule every 30°, a crisp outline, and a pink axis tilted 23.4° that sticks out at both poles. - Labels stay upright and pinned to their spots on the floor while the camera orbits. - Eases: sine.inOut for the dives and the glass roll, power2.inOut for the line steps and the circle turn, and a soft start with a long settle for the tilt. - The scale of the dives is interpolated in log space so the zoom feels even. </techniques> <music> Use 120 BPM, a beat every half second, with captions on bars and strokes on beats. Make a bright, upbeat synthwave/chiptune bed exactly 29 s long: - one soft bell as the full stop is typed - fast arpeggios from 2 s - warm pads and soft ticking from 6 s - a short dip at 12 s - a riser into the most energetic part at 16 s, with driving drums and bass under the flock and the globe - the beat dropping away around 23 s - a light outro with a soft pad under the typing, fading out in the last half second Aim for about -14 LUFS, with true peak below -1 dBTP. </music> <sound> Sound effects only on things happening in the picture, sitting under the music: - a key click and a bell on the typed full stop - an airy whoosh on the dive - light ticks on each stroke - a low whoosh on the tilt - a glass ting when the ball turns to glass - soft thuds on every landing, getting quieter - a riser and a soft impact at 16 s - whooshes as the dots land and as the globe returns to the page - fast key clicks for the closing sentence - one click on the final full stop No voice-over. </sound> <references> A seamless one-take morph loop, in the manner of an animated textbook figure or a refined editorial explainer: calm serif typography, one accent colour, and figures that turn into each other instead of cutting. </references>

Preview of the “Typed Text Turns Into Type: 30-Second App Promo” promptSimple Motion

Typed Text Turns Into Type: 30-Second App Promo

<direction> Make a 30-second, fully animated product promo for my app, 1920x1080 landscape at 60 fps. The idea: written text keeps turning into finished type. Typed mono lines become big serif headlines, the headline swirls into a burst that becomes the logo, an app window renders what is typed, then feature cards, an icon grid and an end card follow. Everything is drawn: type, UI and shapes, no footage. It should feel like a premium motion-design piece, with every move eased and every cut on the beat of a 128 BPM track. Use my product name "[your brand]", my square app icon (or draw a simple rounded-square mark in my colours), a one-line tagline, three steps of how it works, a few short feature lines and my web address. Replace every quoted example below with my words, keeping each line about as long as the example so the layout holds. Avoid footage and photos, linear moves, cuts off the beat, and music that drops out before the end. </direction> <structure> Times in seconds; one bar = 1.875 s. - 0–7.5, typed intro. A mono line "# Ideas" is typed in the centre, one character per 16th note, with a pink caret (the "#" in pink). On the beat the mono letters lift 26 px and blur out in a fast stagger while the same word rises in as a huge serif headline (about 228 px), letter by letter from 74 px below, blur 10 to 0, scale 1.12 to 1 (0.3 s, power3.out). The caret jumps to its end with a little overshoot and blinks on half beats. A second mono line "*in motion*" is typed twice as fast and turns into the pink italic second line "in motion." the same way, and small "#" and "*" glyphs scatter as the mono text breaks up. From 3.75 s four white chips pop in on consecutive beats around the headline (back.out, slight tilts). Each first shows a short command in mono, then swaps to what it does: "bigger" becomes a bold "Bigger", "slower" becomes an italic "slower" with a bar, "colour" gets a pink swatch, "MP4" becomes "export". The chips bob gently. At 6.0 s both headline lines bend into arcs around the centre, spin up to about 330 degrees and shrink to nothing in under a second, while the chips orbit outward and blur away. 48 thin rays (every fifth one pink, the rest lavender grey) rush in from outside and stand around the centre, a pink dot pops in the middle, the frame dims slightly to grey-violet, and the dot squashes just before the cut. - 7.5–9.75, logo reveal on the drop. Two pink rings expand from the centre and fade, and about 70 small glyphs ("+", "×", "~", "/", "°", "< >") burst out, swirl and drift away. The app icon pops at the centre (scale 0.4, 1.55, 1.22, 1.0 in 0.3 s) and slides left into a lockup. The product name "[your brand]" (about 205 px, serif bold) rises in letter by letter, one every 60 ms, from 70 px below with a tilt and blur. The pink dot that shot up at the cut falls back and lands as the dot of an "i" (or as a period), squashing. The tagline "Your AI motion designer" (muted, 45 px) rises word by word under it and a short pink underline grows with expo.out. At 9.55 s the tagline drops away and the whole lockup shrinks and flies into the top-left corner, where it becomes the logo in an app window's header. - 9.75–15.0, the app. A white rounded app window (1600x900) grows out of that header logo with expo.out. Header buttons pop in one by one (a "Preview" ghost button, a pink "Export" button with a chevron, small line icons), a divider grows, and the pane labels "CHAT" and "PREVIEW" fade in. Lines are typed on the left in mono with pink markers and a caret: "# Ideas in motion", "Tell the **chat** what to *show*.", "## Features", "- Fonts for every script", "- Vertical or square", "- [x] Live preview", "- [ ] MP4 export", "> Edit in words.", and a fenced code line with two quoted words. As each line finishes it throws a thin pink bezier stroke across the divider; where it lands, the rendered item appears on the right with blur 8 to 0 and a small slide (a serif heading, a body line with bold and italic words, a heading with a hairline, bullets, a checked pink checkbox, an empty one, a quote with a bar, a tinted code box with orange and violet tokens), a soft pink band flashes behind it and a small pink dot stays. The camera moves throughout (see techniques) and ends with a zoom-through into the preview at 14.8 s. - 15.0–24.4, five feature cards, about a bar each. Each has the same block on the left: a tracked mono pink eyebrow that decodes from random characters, a bold serif line and a pink italic line (about 119 and 114 px) rising letter by letter from their baseline, a translucent pink marker band swiping in under the italic line, and a muted body line opening left to right. Visuals on the right: 1. "01 — PICK A TEMPLATE" / "Live" / "preview." / "Tell the chat what to show. The agent builds the animation." Two cards swing in with a 3D turn: a chat card typing "# Ideas", "Edit in **words**", "- bigger", "- slower", and a preview card rendering each keystroke; a pink circle badge with a lightning bolt between them pops and spins on every finished line. Leaves with a short push and a vertical whip up. 2. "02 — DESCRIBE YOUR IDEA" / "Chat instead" / "of a timeline." / "No keyframes to hunt for. Say what should change." Whips in from below. A big faint circle and a laptop outline draw themselves, the app icon drops onto the screen with a squash and bounce, pulses ring out, and three grey tool icons around it (a keyframe diamond, a timeline, a curve) are struck out in pink one after another. Leaves with a horizontal whip. 3. "03 — REFINE IN WORDS" / "Edit" / "in words." / "“Bigger”, “slower”, “another colour”: the preview updates as you talk." A chat card with numbered lines flags one line with an orange band and icon, a note "Say what should change." slides open above the lines, a blank line is inserted, the note closes, and a teal check ring expands with confetti dots. Then a slanted pink wipe crosses the frame with the next card already under it. 4. "NO KEYFRAMES" / "Another" / "colour." / "Kinetic type, shapes, 3D effects and sound." A white card with a sun icon pops in with a 3D turn, four colour swatches follow; a pointer clicks the card, a pink ring goes out, the sun turns into a moon and the whole scene opens into the dark theme in a growing circle from the card. 5. A one-frame grey-violet flash, then on deep ink: "MP4 EXPORT" / "Your idea is" / "ready to move." / "Vertical, horizontal or square." A pointer opens an "Export" menu next to an "Open app" button and picks "Vertical MP4", then "Square MP4"; each time a dark file card labelled ".mp4" drops out of the menu with a tilt and a few sparks. - 24.4–26.25, icon grid. A dark 11 x 6 grid of thin motion-design icons (play, film, music, type, layers, wand, image, video, shapes, mic, chat, palette, sun, sparkles) with six lit pink tiles that pop on beats and a few that flicker; the grid dims after the cut and pushes in slowly. Huge single words flip in the centre on every half beat, alternating white bold and pink italic: "Type." "Shapes." "3D." "Sound." "Footage." "Free." Each pops from scale 1.12 with blur, one squashes in. The last word glitches, then the whole grid spirals into the centre and leaves one pink dot. - 26.25–30, end card. Rings and glyphs burst from where the icon stands, the icon pops, the name flies in from the right letter by letter with blur, the tagline rises word by word and the underline grows. Then three white pills with small pink icons appear a quarter of a second apart: "Live preview", "Try it free" and "[your web address]". A pink caret blinks right after the name on the beat, and the card pushes in very slowly to the end. </structure> <composition> Light page #FAF9FF in the centre, fading through #F4F2FE to a soft vignette #D9D4EA in the corners, with two very soft lavender-pink glows drifting slowly and a faint dot grid. Cards are white with soft shadows tinted #1C0B5D, hairlines #E9E4F2, soft panels #F0EDFF. Dark type and the dark scenes are deep ink #1C0B5D (a radial gradient to #0D0B1E at the edges); muted text #6B6385; main accent pink #FB2D89, second accent orange #FE9117, small touches of violet #7C6CF2 and teal #2DD4B0 (the success ring). Fonts: a high-contrast display serif, Fraunces at optical size 72, for headlines, bold upright for the first line and medium italic in pink for the second; Onest for body lines, the tagline and pills; JetBrains Mono for typed text, tracked eyebrows and UI labels. Sizes: intro headline about 228 px, product name about 205 px, tagline 45 px, feature lines about 119 px (bold) and 114 px (italic), app window 1600x900 with rounded corners. The logo lockup sits icon left and name right, with the tagline and a short pink underline beneath. Feature cards keep the text block on the left and the visual on the right. </composition> <techniques> - Every move eased, nothing linear: power3.out for letter rises, back.out for pops (chips, pills, file cards), expo.out for growing windows, dividers and underlines. - Type enters letter by letter from below its baseline with blur and a slight scale-down or tilt; taglines rise word by word; body lines open left to right; eyebrows decode from random characters. - Mono-to-serif morph: typed mono letters lift 26 px and blur out in a fast stagger while the serif word rises in their place, and small glyphs scatter. - Pops overshoot (icon scale 0.4, 1.55, 1.22, 1.0 in 0.3 s); dots and the icon squash when they land. - Pink bezier strokes are drawn in about 0.1 s and erased from their tail in 0.14 s. - Camera in the app scene: a slow push, a fast push-in to about 1.4x on the top of the window at 11 s, a slow pan down that follows the typing, a quick pull-back with the window tilted about 10 degrees in 3D at 14 s, and a zoom-through into the preview with heavy blur at 14.8 s. Slow push-ins on the icon grid and the end card. - Transitions: arc-and-spin swirl into rays, ring-and-glyph burst, lockup flying into the window header, zoom-through with blur, short push plus vertical whip, horizontal whip, a slanted pink wipe with four stepped lighter edges crossing left to right in about 0.22 s, a circular reveal into the dark theme, a one-frame grey-violet flash, and the grid spiralling into a single dot. - Cards swing in with a 3D turn, chips bob gently, and the caret blinks on half beats. </techniques> <music> Bright instrumental synthwave at 128 BPM with warm analog synths, made fresh and exactly 30 seconds long, laid on the picture's beat grid. Every cut lands on a bar: the drop and the logo at 7.5 s, a feature per bar, words on half beats, the end card at 26.25 s. Arc: four bars of build with arpeggios and a noise riser, the drop with a crash on the logo, then a driving groove with sidechained bass that runs without any gap all the way to the end card, its last beat, and a long synth decay that holds to the very end. Mix at about -14 LUFS, true peak below -1 dBTP. </music> <sound> Sound design on the picture's moments only, on top of the music: soft typing ticks under the typed lines, a blip as each line turns into type, small pops for chips, pills and file cards, a whoosh for the swirl, every whip, the wipe, the zoom-through and the dark reveal, a riser into the drop and a boom on it, a short thud when the icon lands on the laptop, a rising chime for the teal check, clicks for the pointer, a glitch on the grey flash, a hit on the grid cut, a tick per flipping word, and a short riser into a final boom on the first beat of the end card. No voice-over. </sound>

Preview of the “Beat-synced motion design showreel” promptSimple Motion

Beat-synced motion design showreel

<direction> Make a 15-second motion design showreel for [your brand], 1920x1080 landscape at 60 fps, entirely drawn: animated type, shapes, particles, a 3D point cloud and a dashboard, no footage. The idea: a fast product reel where every scene change lands on a house beat at 128.57 BPM. One beat is exactly 28 frames (0.4667 s), every cut sits on that grid, and the first big hit lands at 1.867 s (beat 4). The look alternates near-black and light lavender-white scenes, with hot pink as the main accent plus violet and orange. Titles use a heavy grotesque, captions a mono, and the statement a serif italic. A broadcast-style frame sits over the whole reel until a final glitch. Use my logo mark on the end card and replace every quoted text with my own words, keeping each one about the same length so the layout holds. Avoid photos, stock footage, soft generic crossfades and anything that drifts off the beat grid. </direction> <structure> 1. 0–1.85 s, intro on near-black. A thin ruler line (1440 px wide, light at 22 % opacity) grows from its centre at 0.34 s (expo.out, 0.65 s), then 13 ticks appear left to right, one frame apart. A pink 80 px ball falls in from the top left and drifts to the centre (power2.out, 1.25 s). It bounces three times on the ruler, squashing on every impact and stretching in every fall, with a little motion blur when fast. A mono line types in under the ruler, one character every 1.56 frames, followed by a blinking block cursor (example "no keyframes.", replace with yours). At 1.28 s the ball squeezes to 0.8x, then swells on an expo-in curve until it fills the frame pink by 1.82 s. 2. 1.82–3.70 s, four words, one per beat. Each heavy 300 px word sits on its own background with a mono comment line under it (examples "// describe your idea", "// live preview", "// refine in words", "// mp4 export"). Behind them, two rows of outlined 205 px copies of the four words scroll at the top and bottom at 760 px/s in opposite directions. The outlines are stroked in the scene's type colour at 7–14 % opacity. - Word 1 (example "DESCRIBE"), deep indigo on pink: the word lands from 1.39x scale on expo.out (0.33 s) while its letters appear 0.03 s apart with a quick un-blur. - Word 2 (example "PREVIEW"), light on near-black at 2.333 s: tracking closes from 150 px to tight on expo.out (0.45 s), fading in over 3 frames. - Word 3 (example "REFINE"), violet on the light page at 2.8 s: letters rise 340 px from behind a mask line 40 px under the baseline on back.out(2.2), 0.3 s each, 0.035 s apart. - Word 4 (example "EXPORT"), light on violet at 3.267 s: letters pop in on 1/32 notes (3.5 frames apart), each from 0.6x up to a 1.13x hop 50 px high, then settling. 3. 3.46–4.02 s, stripe wipe. Eight 240 px vertical stripes, alternating pink and light page, rise from the bottom (power2.inOut, 0.18 s, 0.7 frame apart, left first). They hold, then keep going up and off, revealing the next scene from below. 4. 3.70–5.60 s, shapes on near-black. A 120 px grid of small muted rounded squares (one fifth are outlines) with tiny crosses between them. A wave leaves the centre on every beat (3.73, 4.2, 4.67 and 5.13 s) at 2000 px/s. Where its front passes, each cell grows from 42 to 74 px, rounds towards a circle, turns 38 degrees and goes pink. The first wave reveals the grid, and the grid slowly rotates anticlockwise, faster and faster. After the last wave the cells empty out and fade by 5.47 s. 5. 5.55–7.42 s, particles. A white flash point with a thin shock ring appears at 5.62 s, then 7000 tiny squares burst from the centre. They gather into one huge 590 px word (example "IDEA") coloured across its width from orange to lavender to violet, shimmering by a pixel. From 7.0 s they stream off to the right with streaks, the left of the word first. A soft pink radial glow sits behind. 6. 7.42–9.45 s, 3D on a deep indigo radial background. A Fibonacci sphere of 1700 points (radius 362 px) turns slowly over a perspective floor of thin violet lines whose rows creep towards the viewer. Points are pink or violet, bigger and brighter in front. From 8.12 s every point travels to its place on a (2,3) torus knot (cubic in-out, random delays up to 0.16 s), and the knot keeps turning. 7. 9.08–9.65 s, a second stripe wipe like scene 3, in violet, pink and light page. 8. 9.27–11.1 s, dashboard on the light page with faint vertical guide lines. - Steps: three rows of 180 px heavy step numbers count up on expo.out ("01", "02", "03", the third in pink) with mono captions (example "PICK A TEMPLATE"). Each row rises into its own clipped box, 0.08 s apart. - Card: a white card (880x740, 26 px corner radius, soft indigo shadow) lifts in 90 px (power3.out, 0.45 s). It holds a bold lowercase title, a small "LIVE" pill, and a ring that fills on power3.out with a short label inside. - Chart: fourteen orange bars grow from the base 0.031 s apart, the last one solid pink. A violet line draws itself over them on sine.inOut (0.72 s), with a dot, a halo and a dark tag riding its head (example "No keyframes"). 9. 10.96–11.45 s, bar wipe. Eight horizontal bands, alternating near-black and pink, sweep in from the left (power3.inOut, 0.2 s, one frame apart, top first) and carry on out to the right. 10. 11.07–13.07 s, statement on near-black. Four bundles of 28 hair-thin lines flow across the frame as ribbons, blended additively: pink to orange at the top, then pink to violet, violet, and violet to pink at the bottom. A two-line statement in 290 px serif italic comes in letter by letter. Each letter moves up 36 px and un-blurs over 0.16 s, 0.02 s apart on line one and 0.035 s apart on line two. Line one is light and starts at x 334 (example "Ideas in"); line two is pink and ends at x 1438 (example "motion."). 11. 12.73–13.07 s, glitch. Slices of the type jump sideways, the frame inverts twice, small violet, yellow and pink blocks flicker, and the type splits into pink and teal. The broadcast frame and its counters disappear. 12. 13.07–15.0 s, end card on near-black. - A pale flash dies away (0.26 s). - A heavy 260 px wordmark ("[your brand]") rises letter by letter from behind its baseline (back.out(1.6), 0.32 s, 0.05 s apart). - My logo mark drops in from above like the intro ball, squashes on landing at 13.51 s and settles as the wordmark's full stop. - A thin rule draws under the lockup (power3.out, 0.3 s). - A widely tracked mono line decodes under it from scrambled pink characters to light letters (13.76–14.6 s). - A pink serif italic call to action fades up at 14.33 s (example "try it free."). - A dim row of four short features fades in at the bottom. Hold the end card to 15 s. </structure> <composition> - Palette: - Near-black #0D0B1E for dark backgrounds. - Deep indigo #1C0B5D for dark type and the 3D scene. - Light page #FAF9FF for light backgrounds and light type. - Lavender #F0EDFF for soft panels. - Muted #6B6385 for captions, and #E9E4F2 for lines. - Accents: main pink #FB2D89, second violet #7C6CF2, warm orange #FE9117, plus white. - Yellow #FFD23F and teal #2DD4B0 only as glitch flecks. - If I give brand colours, swap them in by role. - Fonts: Roboto Flex at weight 900 with tight tracking (-0.035 em) for every title. JetBrains Mono for the frame, captions and comment lines. Instrument Serif Italic for the two-line statement and the call to action. - A soft side vignette, darker only at the left and right edges: about -8 % at mid-edge and -12 % in the corners. - A broadcast-style frame over everything until the glitch: - 26 px corner brackets. - A title top left (example "[YOUR BRAND] / YOUR TAGLINE"). - A running timecode top right (00:00:SS:FF at 60 fps). - The current chapter name bottom left. - A frame counter "NNN / 900" with a 300 px progress bar bottom right. - Every part is light at 0.9 opacity in exclusion blend, so it turns dark on light scenes and tinted on pink or violet. The frame fades in at 0.3 s. </composition> <techniques> - Every scene change sits on the 28-frame beat grid. Scenes and wipes overlap by a few frames, so no frame is ever empty. - Vary the transitions: the ball swelling into the next background, hard colour cuts between the four words, vertical stripe wipes, a horizontal bar wipe, a flash with a shock ring, and an RGB-split glitch into the end card. - Give the ball and the logo mark physical motion: squash on impact, stretch in the fall, slight motion blur at speed. - Use letter-by-letter entrances throughout, each word with its own ease (expo.out landings, back.out rises from a mask, pops on 1/32 notes), un-blurring as the letters arrive. - Keep everything crisp and vector: particles, points and lines are tiny and sharp, and the glows stay soft and behind the type. </techniques> <music> Make an original house bed at 128.57 BPM, exactly 15 s long, laid on the beat grid. - Intro: an airy pad with bubbly plucks. - From the hit at 1.867 s: the full groove, with a four-on-the-floor kick, claps, hats and sidechained bass. - End: a riser and glitch into one big final hit at 13.07 s, then the closing chord ringing out to 15 s. </music> <sound> On top of the bed, add hits composed for the cut: - a riser into a boom on the 1.867 s fill - short whooshes peaking on each word cut and each wipe - soft clicks on the shape waves - a small boom and a glass tick on the particle flash - a streak whoosh as the particles leave - a sub drop into the 3D scene - a riser and digital glitch ticks into the final boom at 13.07 s - a bell as the logo mark lands at 13.51 s No voice-over. Mix to about -14 LUFS, true peak below -1 dBTP. </sound> <references> A tech product launch showreel in the vein of sleek animated brand reels: a broadcast HUD overlay, kinetic typography, generative particles, a rotating 3D point cloud and a clean UI dashboard. </references>

Newsletter

New prompts in your inbox

We email the best new community prompts with their videos. No spam, and every letter has an unsubscribe link.

We use your email only for this newsletter. Privacy Policy

Motion Fab - Describe a video in chat, an AI agent animates it | Product Hunt

Essential cookies remember your site settings. With your permission, Google Analytics helps us understand how people use Motion Fab. You can change your choice in the footer.

Your privacy choices under applicable US state privacy laws. Privacy Policy

Essential cookies remember your site settings. With your permission, Google Analytics helps us understand how people use Motion Fab. You can change your choice in the footer.

Your privacy choices under applicable US state privacy laws. Privacy Policy