← All videos

Original prompt — Tested

Remotion logo reveal prompt — SVG draw + spring settle

by MotionPrompts (own run)
Logo revealShapes

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> A 6-second logo reveal for MOTIONPROMPTS, built in Remotion. An SVG ring draws itself, a play mark draws inside it and fills, then the wordmark springs in letter by letter. Tagline last: EVERY PROMPT. TESTED.. Near-black background, white type, one accent: #ff5c1a. Banned: glows, lens flares, particle bursts, gradients, bouncy cartoon easing, template swooshes. </direction> <structure> Beat 1 (0.0–1.5s): ring stroke draws clockwise from the top. Beat 2 (1.0–2.7s): the play triangle's stroke draws, then its fill fades in. Beat 3 (2.0–4.0s): wordmark letters spring up, staggered 3 frames apart, small overshoot, hard settle. Beat 4 (3.2–4.7s): accent bar wipes under the wordmark; tagline rises in. Hold to 6s. </structure> <build> One Remotion composition, 1280x720 landscape, 30fps. Stroke draws are strokeDasharray/strokeDashoffset driven by interpolate() over frame ranges — every frame a pure function of the frame number. Wordmark letters use spring() with damping 14; the tagline uses a damped spring (damping 200, no overshoot). No CSS animations, no timers. </build> <gotchas> Set the ring's dash length from its real circumference (2πr) or the draw will finish early and sit dead. Rotate the circle -90° so the draw starts at the top, not at 3 o'clock. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.

The Remotion version of our house logo reveal: the mark is real SVG, the settle is a real spring. Swap the brand fields and it is your reveal.

Run log

What broke (and the fix)

  • Nothing broke on the final pass. The pipeline-gate prototype rendered unchanged: the still at frame 130 and the full render both matched the four beats. The ring dash length is set from the real circumference (2πr), so the draw completes exactly on the beat — checked twice.

Related videos

ModelClaude (agent build)
Renderer / stackRemotion + React
Iterations to final1
Render time18s (final render)
Format1280×720 · landscape
Published2026-10-25

Submit a video

Know a motion video made with an AI coding model? Send the post. Rules: