← All videos

1280×720 · 16:9 landscape HyperFrames HyperFrames + GSAP

Run log

ModelClaude (agent build)
Renderer / stackHyperFrames + GSAP
Iterations to final1
Render time13.1s (final render)
Format1280×720 · 16:9 landscape
Published2026-10-25

What broke (and the fix)

  • Nothing broke — the first render shipped and the 30%/70%/final stills were clean.
Original prompt Tested

Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)

by MotionPrompts (own run)
logo revealwordmark

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> An 8-second text-only wordmark reveal in HyperFrames (1280x720, 240 frames at 30fps). House style: near-black #0a0a0a background, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. No icon, no mark, no shape of any kind — the word IS the logo. Letters land one by one, a single orange rule draws underneath, then the tagline lands. Fictional brand only — never a real company's wordmark or name. No gradients, no stock photos, no letter-spacing animation. </direction> <structure> Seconds 0.0-0.7 — Kicker "WORDMARK REVEAL — Halcyon" in orange, top left. Seconds 0.7-1.75 — The wordmark "Halcyon" lands letter by letter, large, centred, wide tracking, each letter rising 50px into place with a 0.12s stagger. Seconds 1.9-2.6 — A single orange rule draws left to right beneath the wordmark (scaleX 0 to 1, left origin). Seconds 2.9-8.0 — Tagline "Sound, made visible." fades in under the rule; a small grey footer line names the brand as fictional and the film as a prompt test. </structure> <build> One HTML composition with a seek-driven GSAP timeline. Letters are separate spans animated on opacity and y only (never left/width tweens — they break under seek capture). The rule is a plain div animated on scaleX with transform-origin left centre. Size the wordmark to the frame: 7 letters at 120px with 18px tracking fit a 1280px canvas with margins; longer names must shrink the size, never the tracking, and never wrap to two lines. </build> <gotchas> - Text-only is the whole brief: adding an icon, dot or shape turns this entry into a different format. If the brand needs a mark, use the minimal-line or monogram prompt instead. - Never animate letter-spacing: it reflows every letter mid-stagger and looks like a glitch under seek capture. - The rule must sit exactly under the wordmark and be shorter than it — a rule wider than the word looks like an underline error. - The kicker fades out in the last 0.6s so the final frame is just wordmark, rule and tagline. - Check the final frame as a still: no letter clipped, rule centred, tagline clear of the footer line. </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.

Use this prompt

Runs as written. Text-only is the discipline of this one — if the brand needs a mark, use the minimal-line or monogram prompt instead.

Related videos

Logo reveal prompt — minimal line draw — HyperFrames prompt (one line draws the mark, then the name lands)
Logo reveal prompt — minimal line draw — HyperFrames prompt (one line draws the mark, then the name lands)
HyperFrames·16:9 landscape Tested
Logo reveal prompt — stamp/seal mechanical — HTML prompt (a seal slams down, then the tagline lands)
Logo reveal prompt — stamp/seal mechanical — HTML prompt (a seal slams down, then the tagline lands)
HTML·1:1 square Tested
Monogram logo animation prompt — letter build — Remotion prompt (two letters slide in and lock into a frame)
Monogram logo animation prompt — letter build — Remotion prompt (two letters slide in and lock into a frame)
Remotion·1:1 square Tested
Vertical logo reveal prompt — icon + wordmark — HyperFrames prompt (diamond mark draws, name lands beneath)
Vertical logo reveal prompt — icon + wordmark — HyperFrames prompt (diamond mark draws, name lands beneath)
HyperFrames·9:16 vertical Tested

Submit a video

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