Approach
Motion is used to tell visually impactful stories that resonate with added video, multiple frames, and accompanying messaging. Visual references to paper sliding, hand-drawn signatures, and simple contracts have been incorporated to the templates to add context and better storytelling to the overall agreement process.
Core motion elements
Our motion design system is made up of several key elements utilizing quick transitions, bold color palettes, brand signature libraries, authentic photography and short headlines. Large titles should be treated on separate frames rather than incorporating lengthy amounts of text and having users read too quickly. Motion visuals should try to include only a couple brand elements at a time and not inlcude too many visuals on a single asset.
Concise and impactful
Our overall motion approach should be functional and concise without being overly decorative and complex. Each story should have a clear message and be simple in typopgraphy choices, graphics, and transitions.
Easing and timing
Maintaining easing and timing consistency is an important part of the motion system. Consistent easing adds a level of sophistication to the brand. Motion with incorrect easing can feel jarring and hard to understand.
Do
Use easing functions that employ quick movements.
Don’t
Simulate bouncing or overly playful movements.
