---
title: "Choreography"
description: "Lesson 4.4 of Creator Terminal's lesson films (Motion principles): Give a small interface a reading order: one move leads, then the others follow."
canonical: "https://terminal.lottiefiles.com/choreography/"
last_updated: 2026-10-27
---

# Choreography

> Lesson 4.4 of Creator Terminal's lesson films (Motion principles): Give a small interface a reading order: one move leads, then the others follow.

- The film (1:49): https://terminal.lottiefiles.com/media/4.4-choreography/e6e25590cce8/4.4-choreography.mp4
- Vertical cut: https://terminal.lottiefiles.com/media/4.4-choreography/1eaf9532b508/4.4-choreography-vertical.mp4
- Captions: https://terminal.lottiefiles.com/media/4.4-choreography/5720ddb79d0c/4.4-choreography.vtt
- The page: https://terminal.lottiefiles.com/choreography/

## In this lesson

### Everything together (0:07)

Let's see where the eye goes first. Press zero, then space. The heading, content and button all arrive together. Each move is gentle, but all three ask for attention at once. Press space to pause. Let's give the eye a clearer route.

### Let content follow (0:25)

Keep the heading first. Press zero, then click Content's row. Press Shift-L to advance ten frames. Press the opening square bracket to move this layer's start here. Both rows of keys move together, keeping its slide and fade intact.

### Button comes last (0:43)

Let's leave the button until last. Click Button's row. Press Shift-L again, reaching frame twenty. Press the opening square bracket. The button now starts after the heading has introduced the page and the content has begun to appear.

### Read the order (0:59)

See the steps across the score. This is a stagger, a small delay between starts. The moves overlap, but their beginnings no longer compete.

### Follow the eye (1:10)

Let's watch our new reading order. Press escape twice to clear the selection. Press zero, then space. Watch from top to bottom. Heading, content, button. Each arrival draws the eye onwards.

### Choose what leads (1:27)

Choose what matters first, then let supporting moves follow. Keep distances small and leave stillness after arrival. A useful hierarchy tells us what to read before asking us to act.