← All videos

Original prompt — Tested

Kinetic typography prompt — countdown opener

by MotionPrompts (own run)
Kinetic typeShapes

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> An 8-second countdown opener, 1280x720 landscape, as ONE self-contained HTML file. Centre: numerals 5→1, one per second, each scaling from 2.1× down into place at 300px, then a ring pulse expands and fades from behind it. Right side: a percentage counter steps 0→100 in 20s on the same beats. Left edge: a rotated T-MINUS label. At zero the numerals clear and LAUNCH. slams in with a sub-line and a row of six tick chips (5 4 3 2 1 0) that light in sequence, ending on 0. Banned: real launch dates for real products, glows, gradients, rocket/clock clip-art, numbers smaller than 200px (a countdown you must squint at is not a countdown). </direction> <structure> Numerals at 0.5s + 1.0s steps; ring pulse starts the frame the numeral lands (0.65s expansion). Percentage tweens 0.5s per step on the numeral beats. Launch stage cuts in at 5.55s; word slams 5.6s; sub-line 6.15s; tick sweep 6.5s in 0.16s steps, each chip dimming as the next lights except the final 0. Hold to 8s. </structure> <build> Single-file HTML + GSAP (seek-driven), rendered through HyperFrames. Numerals/rings/ticks are generated in JS from the count so the three layers share one source of truth. </build> <gotchas> Nothing broke. Verified per-numeral: each ring starts only after its numeral settles (an early ring reads as a target, not a pulse), and the percentage is mid-tween in stills exactly where the math says it should be (36% and 76% caught between steps). </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.

A countdown opener in one HTML file: 5-4-3-2-1 slam in at 300px with an expanding ring pulse on each number, a percentage counter tracks progress on the right, and the launch word lands with a tick strip that sweeps 5→0. The countdown IS the content.

Run log

What broke (and the fix)

  • Nothing broke. Check passed first time; snapshots confirm each numeral lands with its ring pulse, the percentage counter tracks the count (36% and 76% caught mid-tween between steps), and the closing tick sweep ends with only the 0 chip lit.

Related videos

ModelClaude (agent build)
Renderer / stackSingle-file HTML + GSAP (seek-driven)
Iterations to final1
Render time22s (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: