Motion that earns its place
Animation should explain, not decorate. A short guide to restraint.
Maya Lindqvist1 min read
Animation is easy to add and hard to get right. Done well, it guides attention and makes an interface feel alive. Done badly, it slows people down and makes them feel sick.
Ask what the motion explains
Every animation should answer a question. Where did this come from? What changed? What can I do next? If it does not answer one, it is decoration, and decoration has a cost.
- Reveal content in reading order, so the eye knows where to go
- Use movement to show cause and effect, like a price spinning when you switch plans
- Keep durations short, usually under 600 milliseconds
Respect reduced motion
Some people get dizzy or distracted by movement. Every animation in NexSanity checks the reduced-motion setting and falls back to a calm, static version. It is not optional, and it is not hard.
The best motion feels inevitable. You only notice it when it is missing.
Let editors turn it off
Every block has an animation switch in the Studio. Editors can keep a page calm for a sensitive announcement, and the block then loads without any animation code at all.
Written by
Maya Lindqvist
Design Director
Maya leads design at NexSanity. Before joining, she spent eight years shaping brands and product interfaces for SaaS teams across Stockholm and Berlin. She cares about type, restraint and work that ages well.
