Kinetic Typography

キネティック・タイポグラフィ / 1950s– / Technique / Typography

Kinetic typography uses changes in position, speed, scale, form and timing to build tone of voice, emotion and attention along a timeline. Type is not a caption layer; its movement carries meaning.

Kinetic Typography — AI-generated interpretation 1 — AI-generated interpretation, not a reference work

Kinetic Typography — Flash Gordon opening crawl, 1940 — Wikimedia Commons / Public domain — Flash Gordon opening crawl, 1940 — Wikimedia Commons / Public domain

At a glance

Visual cues

Speed and size changing with vocal emphasis
Entrances and exits offset by word or character
Travel, rotation or deformation matching a word's meaning
Temporal hierarchy built from holds and reading order

Best used for

Joining tone of voice and moving type in titles, advertising and lyric films
Adding emotion and emphasis to short explanations or conversations without sound

Use this style

Take the compact brief into a project or hand the structured version to an AI tool.

design.md image prompt JSON API MCP & machine access Compose

open in ChatGPT open in Claude open in Google AI

Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats

Dictionary entry

Type: Break copy into words and syllables, mapping speed, holds and scale changes to what each unit says.
Composition: Limit how much is read at once and use the next word's position to preview eye direction.
Material: Move only the necessary axes among position, rotation, scale, tracking, weight and opacity, testing legibility at rest.
Caution: When every letter always bounces, motion becomes noise. Keep passages still whenever removing motion would not change meaning.
Further study: CMU Kinetic Typography research / Temporal change and expressive text / Reading time, attention and emotion

Related entries

Saul Bass Title Design (ソール・バスのタイトルデザイン)Shared effects: Exhilaration / Play.Compare Kinetic Typography and Saul Bass Title Design
Concrete Poetry (具体詩／コンクリート・ポエトリー)Shared effects: Play.Compare Kinetic Typography and Concrete Poetry

Cite this entry

The dictionary is meant to be linked to. Take whichever form fits where you are writing.

Link: https://indexstyle.org/styles/kinetic-typography
Markdown: [Kinetic Typography — IndexStyle](https://indexstyle.org/styles/kinetic-typography)
HTML: <a href="https://indexstyle.org/styles/kinetic-typography">Kinetic Typography — IndexStyle</a>

Back to index position