Motion exists to demonstrate the product and confirm actions — not to entertain. If an animation would still make sense with the sound off and the brand hidden, delete it.
120 ms — microHovers, toggles, key feedback. cubic-bezier(0.2, 0, 0, 1).
240 ms — standardPanels, cards, page elements. Same curve. This is the default.
400 ms — deliberateHero reveals and the 45° cut wipe. Used once per view at most.
Live elementsThe waveform and pulse-dot move only when something is genuinely live. Fake liveness is a brand violation, not a flourish.
No physicsNo bounce, spring, elastic, parallax or per-letter animation. Ease out, settle, stop.
Respect the userHonour prefers-reduced-motion completely — content first, always.