Principles of Motions

The guiding principles for creating motion graphics that reflect the look and feel of the Aramco sponsorship identity.

Motion in Action

Designed to spark engaging and distinctive content – while remaining easy to implement. The motion language is composed of a set of behaviours and elements. These can be combined to create animations and transitions that carry the Aramco sponsorship identity.

Vertical Motion
Objects can move on the x-axis.
Horizontal Motion
Objects can move on the y-axis.
Delay
When moving several objects together, a small delay between each object is applied.
Parallax
To create a sense of depth, parallax is always added when revealing content in layers, meaning that the layer below moves slower than the one above.
Flash
Complements the movement along the axes, adding a new dynamic layer. To be used only on secondary content and paragraph text, and never on headlines.