Animation Presets

Making motion consistent across a show.

• Settle on two durations — a fast one for straps, a slower one for full-frame — and reuse them.
• Settle on one easing pair: a strong deceleration coming on — cubic-bezier(0.16, 1, 0.3, 1) — and an acceleration going off — cubic-bezier(0.55, 0, 0.8, 0.2).
• Build in layers: the container first, the content staggered in reading order while the container still moves, then one accent.
• Exits reverse the entrance, quicker — around two thirds of its length, with a shorter stagger.
• Name workflows for what they do to the viewer (strap-in, result-build), not for how they are made (fade-20).
• Keep one page as a reference containing your standard in / run / out clips, and copy from it.