Text animations
Every text beat animates by a named style. Pick by the feeling you want, then push it with speed, intensity, and weight.
| Style | What it does | Feels |
|---|---|---|
| Word pop | Words appear in sequence, each with a small pop | Energetic, conversational |
| Line rise | Lines rise into place behind a soft mask | Editorial, calm |
| Blur in | The line resolves out of blur | Cinematic, premium |
| Char cascade | Characters arrive one after another | Technical, playful |
| Tracking in | Letter spacing tightens as it fades up | Fashion, wordmarks |
| Slam | The line lands hard and settles | Loud, punchy |
| Fade up | A plain fade with a small rise | Neutral, safe |
| Karaoke fill | Color fills word by word | Musical, on-beat |
| Slide up / down / left / right | The block travels in from one side | Directional, clean |
| None | Cuts in at full opacity, cuts out | Hard, deliberate |
/reely Headline in blur in, slow, low intensity.
The three dials
| Dial | Values | What it changes |
|---|---|---|
| Speed | slow · medium · fast | How quickly the animation completes |
| Intensity | low · medium · high | How far it travels, blurs, or overshoots |
| Weight | light → heavy | The type weight the beat resolves to |
Choosing
- Long headline? Use a whole-block style (Line rise, Blur in, a slide) — per-character styles turn a long line into a queue.
- Short and punchy? Word pop or Slam.
- Cutting to music? Karaoke fill on the beat.
- One loud style per scene. If the phone is doing a showcase move, let the type be quiet.
Styles are also how title cards animate inside a recorded app video.