Motion

The motion system comprises several behaviors which can be
combined with video, imagery, color and typography to create
endless iterations of motion expression.

The focus graphic element is created from a series of circles. When
used together, these circles create the effect of a lens focus. The circles
are always concentric and can be scaled and placed to create
flexible and unique layouts.

Our light graphic element is created from the shape of our logo,
which itself is inspired by light shining down on a stage.

Our light graphic element is created from the shape of our logo,
which itself is inspired by light shining down on a stage.

Time and focus can be used as a transitional element to reveal the
screen from one to another.

Typography that exists outside the motion behavior system can be
animated using simple easing and y-axis scroll transitions.

The proper pacing and easing sets the mood of the brand
communication. The graph below is showing the rate of
change of a parameter over time. This is not the definitive rule
for every easing, but avoid using overly exaggerated,
overshooting or bouncing.

The pacing decides the overall mood for the system. Animation
should help to set the ambiance of the design, not to compete
with mood.