Animations that inform and celebrate key moments on the customer’s journey. Storytelling animations are expressive and help set the tone.


Illustrate how to complete a task or communicate progress.

Polite interruption
When appropriate, animations might interrupt to inform or educate.

Minimal interaction
The system auto plays animations with minimal to no interaction required.


Seamless transition between states in an interface. Micro-motion is a subtle way to help focus and guide customers.


State change
A response to user interaction or system status that transitions from one context to another.

Helps provide focus and a clear next step.

Subtle and imperceptible while creating a signature feeling to the experience.

Continue reading

Forward momentum

We communicate progress and a sense of accomplishment to our users with forward movement.

Read more

Animation easing

Easing adds acceleration and deceleration, creating motion that resembles the way things move in the physical world.

Read more

  • Was this Helpful?