Motion
Why Motion Should Serve the Message, Not Distract From It
Great motion design disappears into the experience. Bad motion design becomes the experience. Here's how to tell the difference while you're building.
Motion Is a Sentence, Not a Sparkle
Every animation implies a relationship: this caused that, this belongs to that, this is more important than that. When motion is added after the fact purely for polish, it usually contradicts the layout instead of reinforcing it.
Before adding any transition, ask what it’s explaining. A card that lifts on hover is explaining “this is clickable.” A section that fades in on scroll is explaining “this is next.” If an animation isn’t explaining anything, it’s just noise wrapped in easing curves.
The 200ms Rule
Most UI motion should resolve in under 300ms. Past that, it stops feeling responsive and starts feeling like a performance the user has to sit through. Save the slower, more expressive timing for moments meant to be noticed — a hero reveal, a page transition — and keep everything else fast and quiet.
