Contra has a modal that needs to convey a significant amount of functionality for their contact record views. In order to do this while keeping content digestible, they’d like to use motion.

Hover to the right section to interact with subtle animation gradient 👇

I create the cycle animation transition for each UI transition tab with subtle animation and a gradient background while hovering in the right section. The easing animation principal approach uses UX motion material from Google Motion.

The Goal In addition, the goal is to make the animation clean, simple and sleek, straightforward education.