Case study · Motion typography

A 14-second vertical intro where every word moves on the music. It’s also the quickest way to see what I do.

RoleCopy, type design, animation

Format9:16 · 1080×1920 · 30 fps

Length14 s

Year2026

01 · The idea

The script is as short as the video: “Websites. Video. AI content.” Then “built fast, checked by hand.” Then my name. Each line gets its own moment on the beat, so it reads like the music is saying it.

Lines slide up from behind masks, “FAST.” punches in on a full-screen colour flash, then “BY HAND.” gets underlined.

02 · The motion

Masked reveals: each line slides up from behind an invisible edge, so the text appears to rise out of the frame.

Contrast in type: a tall condensed sans for the loud words and an italic serif for the quiet ones (“built”, “checked”).

One colour hit: the only full-screen colour is on “FAST.”, and it lasts exactly one beat.

Scrolling rows: three rows of services move in opposite directions, with solid, outlined and accent text for depth.

Letter-by-letter title: the name builds up one letter after another, then the tagline and link fade in.

Scrolling service rows, then the name card.

03 · How it’s made

Every frame is drawn in code on a 1080×1920 canvas, so the timing is exact: I detected the beats in the track and tied each animation to a beat number rather than to a guess. Changing a word, a colour or the music means re-rendering, not re-animating by hand.

04 · Takeaway

A few moves, repeated with rhythm, read better than many effects. The colour flash only works because it happens once.