← All videos

1080×1080 · 1:1 square Remotion Remotion + React

Run log

ModelClaude (agent build)
Renderer / stackRemotion + React
Iterations to final1
Render time187s (final render, wall time)
Format1080×1080 · 1:1 square
Published2026-10-25

What broke (and the fix)

  • Nothing broke — the first render shipped; the mid-slide frame showing K crossing the frame edge is the intended slide-in motion, and all landed frames are clean.
Original prompt Tested

Monogram logo animation prompt — letter build — Remotion prompt (two letters slide in and lock into a frame)

by MotionPrompts (own run)
logo revealmonogram

Prompt

Banned list —Beat grid —Build method —Self-review —
<direction> An 8-second monogram logo animation in Remotion (1080x1080, 240 frames at 30fps). House style: near-black #0a0a0a background, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. The two initials slide in from opposite sides and lock into a framed monogram — first letter white, second letter accent — then an accent bar draws and the full name lands underneath. Fictional brand only — never a real firm's monogram or name. No gradients, no stock photos, no third letter. </direction> <structure> Frames 0-30 — A white-bordered frame scales in (0.92 to 1) centre screen, with a thin inner border. Frames 22-62 — The first initial "A" slides in from the left (translateX -260 to 0) and fades in, white. Frames 52-92 — The second initial "K" slides in from the right (translateX 260 to 0) and fades in, orange. The two letters sit side by side as one monogram. Frames 112-138 — An accent bar draws left to right under the frame. Frames 142-172 — The full name "Alden & Kaye" fades and rises into place under the bar. Frames 178-240 — The descriptor "Architects · Est. 2026" fades in, plus a small grey footer line naming the brand as fictional and the film as a prompt test. Hold to the end. </structure> <build> One Remotion component; every move is a clamped interpolate on the current frame. The two letters are separate inline-block spans, each with its own translateX — never animate the parent, or one letter drags the other. The frame scales from 0.92 so it feels like it settles rather than pops. The bar grows by scaleX with a left transform origin. All text is absolutely positioned inside the 1080px square with fixed top values, so nothing reflows mid-animation. </build> <gotchas> - The letters must be separate spans with separate transforms: a shared parent transform makes the "two letters from opposite sides" idea impossible. - The landed monogram must sit centred inside the frame with margin on both sides — letters touching the frame border read as a crop, not a lock-up. - Exactly two initials, one white and one accent. Two accent letters, or a third letter, breaks the monogram contract. - The full name must match the initials: if the initials are A and K, the name must start with A and K words — mismatched initials are the first thing a viewer checks. - Check the final frame as a still: frame, monogram, bar, name and descriptor all present, nothing clipped. </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. Distinct from the site's earlier LogoReveal: here the letters travel in from opposite sides and lock into a drawn frame before the full name lands.

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
Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)
Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)
HyperFrames·16:9 landscape 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: