Guiding.jpg
 

Motion

 

3 Pillars of Motion

Intro

 
calm.gif

Calming

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

guiding-small.gif

Reactive

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.

Screen-Shot-2016-11-08-at-1.54.55-PM.gif

Guiding

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Aliquam bibendum, turpis eu mattis iaculis, ex lorem mollis sem, ut sollicitudin risus orci quis tellus. Sed a ligula quis sapien lacinia egestas.

Calming.gif
 
 

Calming

We want our users to walk away from our software more relaxed and happy than when they entered. This is why we use quiet animations that aim to imitate a slow, relaxing exhale.

 
 

Transition

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Quisque congue porttitor ullamcorper. Nullam sit amet nisi condimentum erat iaculis auctor.

Sed a ligula quis sapien lacinia egestas. Fusce at massa nec sapien auctor gravida in in tellus. Quisque congue porttitor ullamcorper. Donec eu est non lacus lacinia semper. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris egestas at nibh nec finibus. Maecenas non leo laoreet, condimentum lorem nec, vulputate massa.

Reveal

The following is placeholder text known as “lorem ipsum,” which is scrambled Latin used by designers to mimic real copy. Nulla lectus ante, consequat et ex eget, feugiat tincidunt metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla eu pretium massa. In sit amet felis malesuada, feugiat purus eget, varius mi. Aliquam bibendum, turpis eu mattis iaculis, ex lorem mollis sem, ut sollicitudin risus orci quis tellus.

In sit amet felis malesuada, feugiat purus eget, varius mi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer tempus, elit in laoreet posuere, lectus neque blandit dui, et placerat urna diam mattis orci. Phasellus sodales massa malesuada tellus fringilla, nec bibendum tellus blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Reactive-(1).gif
 
 

Reactive

 
 
Guiding-(2).gif
 
 

Guiding