What is kinetic typography?

Words as the picture

In most video, text labels the picture. In kinetic typography the text is the picture: a line appears word by word as it is spoken, the important word lands bigger than the rest, and a number counts up before it settles. The technique grew out of film title design and spread through lyric videos, explainers and social ads, because it needs no footage at all. It sits squarely inside motion graphics, the craft Apple's guide to its Motion app describes as animating complex images, cinematic titles and fluid transitions. The difference is focus: here the typeface, the timing and the movement do all of the storytelling.

How it works

Three things are synchronised. The first is timing, with each word or phrase arriving on the beat of the voice or the music, which is why kinetic type is usually built after the audio is final. The second is hierarchy, where size, weight and colour mark which word matters, so the eye reads the message in the intended order. The third is motion, a small vocabulary of entrances and exits such as sliding, scaling, typing on and masking, used consistently so that movement means something. A good piece limits itself to one or two typefaces and a handful of movements, the same way a good layout limits itself to a few type sizes.

Reading speed sets the pace

Text that moves still has to be read. TikTok's creative guidance for ads suggests displaying 5 to 10 words per second when using text, and that range is a ceiling for short punchy lines rather than a target for whole sentences. A line of twelve words needs to sit still long enough to finish, after its animation has ended. The practical test is to watch the draft once without sound and without pausing. If any line cannot be read comfortably, it needs fewer words, more time or less movement, and fewer words is usually the right answer.

When it matters

Kinetic typography suits messages built from short, strong lines: a hook, an offer, a statistic, a manifesto, a quote. It suits feeds where sound is often off, launches that have no footage yet, and brands whose voice is carried by their words more than their imagery. It suits poorly anything detailed or technical, where viewers need to study a screen or a diagram, and anything where trust depends on seeing a real person. For those, moving text works better as support, a few key words over the picture, than as the whole video.

Common mistakes

Moving every word is the first mistake, because when everything animates nothing is emphasised. The second is motion that continues while the viewer is reading, so the eye chases a moving target. The third is mixing too many typefaces and effects in one piece. The fourth is ignoring accessibility. WCAG 2.2.2 asks web content that moves automatically for more than five seconds alongside other content to offer a way to pause it, and WCAG 2.3.1 allows no more than three flashes in any one second, a limit that strobing text effects can easily break. The fifth is text too small for a phone, which no amount of animation rescues.

Where it shows up in the product

Moving text is the default rather than a special effect in the video builder here. Each slot can take one of 19 entrance animations in the inspector, and 5 of those work only on text, so a headline, a list or a price can arrive in a way that suits its job. The typeface comes from a catalogue of 27 fonts. Captions add a second layer of kinetic type on their own: they are generated from the narration text, and their letters type on as the line is spoken, inside a dark pill at the bottom of the frame. The AI writes only the words; every movement comes from the scene layouts and the entrance settings, not from a model.

Questions people ask