← All videos

1280×720 · Landscape Remotion Remotion + React

Run log

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

What broke (and the fix)

  • Nothing broke. One judgement call: the MOST POPULAR tag wraps to two lines inside its pill at this card width. Checked at full size — it reads as a deliberate stacked tag, so it stayed. Prices counted up cleanly and the CTA landed on its beat in the first still.
Original prompt Tested

Remotion pricing promo prompt — plan cards

by MotionPrompts (own run)
Product UILaunch video

Prompt

Banned list ✓Beat grid ✓Build method ✓Self-review ✓
<direction> An 8-second pricing film for these plans: Starter $9, Pro $29, Scale $79. Three cards rise in stagger; the middle card is the hero — accent border, a MOST POPULAR tag, slightly larger. Prices count up from zero; feature lines tick in one by one; a CTA pill lands last: START FREE — NO CARD. Near-black background, white type, one orange accent. Banned: glows, gradients, fake discount strikethroughs, countdown timers, confetti, currency symbols that do not match the plans. </direction> <structure> Beat 1 (0–0.8s): headline in. Beat 2 (0.8–2.2s): cards spring up, 16 frames apart, hero scaled 1.04. Beat 3 (1.7–3.7s): prices count up. Beat 4 (3.1–5.6s): features fade in per card, check marks in accent. Beat 5 (5.6s): CTA pill springs in under the cards; hold. </structure> <build> One Remotion composition, 1280x720 landscape, 30fps. Cards are data-driven from a plans array (name, price, features, hero flag) — the hero styling is a data decision, not a layout hack. Count-ups use interpolate() with rounding. Springs damping 17 for cards; the CTA spring is slightly softer. </build> <gotchas> The hero tag must be positioned from the card, not the frame, or it detaches when card heights differ. Feature lists of different lengths make card heights differ — align cards by their tops and let the CTA sit below the tallest. </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

Three plan cards, one hero, prices that count up, features that tick in, and a CTA that lands last. Sample plans — the prompt says so on screen.

Related videos

AI showreel prompt for a product — square cut
AI showreel prompt for a product — square cut
HyperFrames·Square Tested
Claude motion graphics prompt — business promo video
Claude motion graphics prompt — business promo video
HyperFrames·Landscape Tested
HyperFrames website-to-launch prompt — URL to launch film
HyperFrames website-to-launch prompt — URL to launch film
HyperFrames·Landscape Tested
SaaS launch video — HyperFrames prompt (wordmark slam + product window)
SaaS launch video — HyperFrames prompt (wordmark slam + product window)
HyperFrames·16:9 landscape Tested