Motion
Our brand comes to life beautifully in motion, creating focus and impact in everything from full screen moments, to the smallest interactions.
Introduction
01. Principles
We have two types of templates: Google Slides and Miro. Here are the rules of using both.
Focus
Our focus motion principle pulses from a central point, drawing attention to key content. This principle has an added sense of speed and momentum with ease out applied to all lines. Lines build in from center one by one, with only two lines visible at any one time.
Our focus motion principle pulses from a central point, drawing attention to key content. This principle has an added sense of speed and momentum with ease out applied to all lines. Lines build in from center one by one, with only two lines visible at any one time.
Impact
Our impact motion principle creates a sense of direction and works on a linear axis. To emphasize the sense of momentum and wider impact, one line transitions into view with ease out applied. The impact of this movement reveals and pushes in the second line.
Our impact motion principle creates a sense of direction and works on a linear axis. To emphasize the sense of momentum and wider impact, one line transitions into view with ease out applied. The impact of this movement reveals and pushes in the second line.
Focus examples
Keeping the visual traits in mind, the icons should first be crafted in simple forms on the following grid. We then round the corners to align with our logo style. This ensures visual consitency and harmony across all communications.
Keeping the visual traits in mind, the icons should first be crafted in simple forms on the following grid. We then round the corners to align with our logo style. This ensures visual consitency and harmony across all communications.
Impact
examples
Keeping the visual traits in mind, the icons should first be crafted in simple forms on the following grid. We then round the corners to align with our logo style. This ensures visual consitency and harmony across all communications.
Keeping the visual traits in mind, the icons should first be crafted in simple forms on the following grid. We then round the corners to align with our logo style. This ensures visual consitency and harmony across all communications.
Our logo
in motion
Our logo represents focus and impact, so it works great in motion.
The lower section of the symbol animates in first, then the impact of this reveals and creates the upper section.
Our logo represents focus and impact, so it works great in motion.
The lower section of the symbol animates in first, then the impact of this reveals and creates the upper section.