Motion

Our brand is designed to live in a modern, digital world. Bringing it to life in motion is a key part of how we want our customers to experience it.

Principles

We have three guiding principles that are used throughout every motion application.
Whole journey With you all the way In the details

Graphic device

Our graphic device should be used in most of our motion applications. Here are two examples of typographic and art direction usage.
Example 1 Example 2

Typography

There are three methods of typographic animation. Use the examples as inspiration for creating your own applications.
Connect Uplift Path

Transistions

Below is an example of how we animate transitions. They should always create movement and a sense of energy.

Dynamic

When we want to dial up attitude and energy we can use our dyanmic approach to motion.

Illustration

When animating hero illustrations, make sure the movement is subtle and considered. Functional illustrated icons can be animated in a more playful and characterful way.
Tier 1 Tier 2

UI

Below is an example of how we can use our motion principles to animate transitions within our product.
Next section Inspiration