# 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.