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.

Motion Language

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.

Brand Principles

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 Principles

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.

Curves

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

Typography

Motion can be used to amplify messaging, call attention to an element or even transform typography into graphic image.

Connect

Reveal

References