Our default easing is:

transform 0.3s cubic-bezier(0.25, 0.1, 0.25, 1)

Top Section (Video GIF + Heading)

<aside> 💡 Clickup link with more details

</aside>

Feature module (Desktop)

<aside> 💡 Clickup link with more details

</aside>

Feature module (Mobile)

<aside> 💡 Clickup link with more details

</aside>

The main differences between the desktop and mobile interaction is that the page scrolls to the active slide, and the divider becomes the progress bar.

Card slide transitions

<aside> 💡 Clickup link with more details

</aside>

<aside> 💡 Interactive prototype

</aside>

Video Module

<aside> 💡 Clickup link with more details

</aside>

GUI module

<aside> 💡 Clickup link with more details

</aside>

Top Navigation

<aside> 💡 Clickup link with more details

</aside>

CTA Button

<aside> 💡 Clickup link with more details

</aside>