# Kinetic typography system

When to use it: Text driven videos (lyric videos, quote videos, promo openers) built in Remotion, HyperFrames or After Effects, where you want rhythm and consistency.

Works with: [Remotion Agent Skills (official)](https://agentcut.dev/tools/remotion-agent-skills-official/), [HyperFrames (HeyGen)](https://agentcut.dev/tools/hyperframes-heygen/), [claude-motion-design](https://agentcut.dev/tools/claude-motion-design-howseen/), [After Effects MCP (Engine Room)](https://agentcut.dev/tools/after-effects-mcp-engine-room/)

Save as: brand/KINETIC.md

Download: https://agentcut.dev/prompts/md/ds-kinetic-type.md

~~~~markdown
# KINETIC.md: Kinetic typography system

## Rhythm
- Lock to music: [BPM]. At 30 fps, one beat = 1800 / BPM frames (120 BPM = 15 frames).
- Words hit on beats or half beats. Lines change on bars (every 4 beats).
- Hold the most important line for at least 2 bars.

## Type
- One typeface family. Two weights max: [Black] for key words, [Medium] for the rest.
- Size by importance, not by length: key word 2x to 3x the size of connecting words.
- Tracking: -2% to -4% on heavy weights, 0 on medium.
- Never more than 6 words on screen at once.

## Motion vocabulary (pick 3 for the whole piece)
| Move | Frames | Easing |
|---|---|---|
| Snap in | 6 | ease out, overshoot max 3% |
| Mask reveal up | 8 | ease out |
| Scale punch | 8 | 100 to 108 to 100 |
| Slide and stop | 10 | ease out, 40 px |
| Letter stagger | 1 frame per letter | ease out |
| Hard cut | 0 | none |
- Use the same entrance for the same kind of word throughout.

## Color
- Background and text: 2 colors. Accent: 1 color, max one word per line.
- Optional full frame color flash on the drop: accent as background for 2 to 4 frames.

## Layout
- Center stack or left aligned column. Pick one per section.
- Keep everything inside 90% graphics safe. On 9:16, keep text in the middle 60% of height.

## Never
- Spinning text, rainbow gradients, every word animating differently, bouncing on every hit.
~~~~

Original AgentCut prompt.

---
AgentCut: https://agentcut.dev/ · All tools as JSON: https://agentcut.dev/tools.json · Overview for agents: https://agentcut.dev/llms.txt