Skip to content
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.
When appropriate, animations might interrupt to inform or educate.
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.
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.
We communicate progress and a sense of accomplishment to our users with forward movement.
Easing adds acceleration and deceleration, creating motion that resembles the way things move in the physical world.
Thank you for your feedback
We got it! Thanks for sharing your thoughts with the QuickBooks Design System team. Your feedback helps us make the system better!