Motion make surfaces feel alive. The new UI uses some functional animation to smoothly transport users between navigational contexts, explain changes in the arrangement of elements, etc.

Animation for primary/secondary & default buttons

• Animation type: Fade in button overlay from left to right on hover
• see video button_animation_magnolia.mov

Animation for icon buttons

• Animation type: Fade in icon background (circle) on hover
• see interactive mock here https://preview.uxpin.com/a0ec4739027c385d6be8a4553b34f0e58eb96bd4#/pages/95463900