The motion system extends the expression and functionality of the design system. Motion allows modules using the design system to be more flexible, more dynamic, and contain a wider range of content.

General Guidelines


Use audio/VO/FX to compliment motion when appropriate.

Keep a dynamic mix of still image, video and typography.

Always refer to the design system. Motion should be an extension of the design and follow the layout principles of the core system.


Don’t mix too many modes of animation—use only the amount required to tell the story with the appropriate amount of expression.

Don’t apply motion without a reason. Use motion only when it enhances the message.

Don’t overuse the modules, sometimes only the animation of typography may be necessary.