Brand
Guide
Our brand guide is intended to be viewed on desktop, please increase your window width to view.
Brand
Guide
Our brand guide is intended to be viewed on desktop, please increase your window width to view.
V2.1
Injecting warmth and tactility into a category that can often depersonalize human experience, we crafted a motion system that embodies a sense of feeling intimately connected and alive.
Our brand motion principles are conceptually driven, personifying our people and their interactions.
Connect
Organic forms are created at points of intersection—personifying the magnetism between 1, 2 or more people.
Discover
Our people are here to discover themselves and others; we exemplify this, using this idea to reveal and uncover.
Alive
Motion that seems to have a life of its own—breathing, pulsing, and flowing in ways we know feel innately human.
Product motion principles inform how we move in the app, though these can extend to the brand.
Luminous Discovery
Opacity, color, and gloops work together to highlight brand-defining moments, making the experience distinct and memorable.
Use this for revealing specific information, or punctuating positive user actions.
Connected Momentum
Motion shapes a visual narrative by continuing and offsetting elements, improving legibility. By guiding the eye and maintaining flow, these movements create a natural sense of continuity.
Living Breath
For continuous moments—whether for education or reflection—motion should feel like a steady breath. This means a linear, constant rate of movement or a slow, subtle shift in scale, position, or rotation.
We always move fluidly, avoiding rigid starts and stops, and always finding ease even at higher speeds.
Functional
For performance-focused moments, like navigation, settings, informative and educational moments, or any small animation.

Entrance
0.32, 0.56, 0.64, 1.00

Transition
0.00, 0.00, 1.00, 1.00

Exit
0.32, 0.00, 0.64, 0.56
Expressive
With its exponential speed and travel, these curves move elements boldly and graphically.

Entrance
0.40, 0.90, 0.60, 1.00

Transition
0.60, 0.00, 0.40, 1.00

Exit
0.40, 0.00, 0.60, 0.00
Motion can be used to amplify messaging, call attention to an element or even transform typography into graphic image.
Connect
Reveal