We move on one curve and three timings. Small things are quick, most moves take the base timing, and the big shine moments are slow. Keep to those and everything feels like Gleam.
Three ideas behind every move. Everything else in this section follows from them.
Every move has a reason: to show where something came from or where it went.
Motion guides attention to what matters, then gets out of the way.
The same kind of moment always moves the same way.
Our signature curve. Use it for anything that moves, in place of the defaults in your tools.
Our logo, and the components every screen has, each moving on our curve.
A few rules that keep motion feeling like us.
Move things to show where they came from or where they went.
Animate just to decorate.
Quick for small things, slow only for the shine moments.
Make anyone wait for an animation before they can book.
Respect the reduced motion setting: fade instead of move.
Spin, flash or shake large areas of the screen.