1413

Peaks Onboarding Wave Animation

Peaks Onboarding Wave Animation

This onboarding sequence uses a dynamic wave graph to represent circadian rhythms. Upon tapping the 'Tap to continue' button, the wave fluidly morphs its path and color gradient to illustrate different energy states. Accompanying text slides and fades out to make way for new copy, while playful contextual icons (like lightning bolts, a sleepy face, running shoes, and coffee cups) pop into place along the curve using snappy spring physics. The transition is highly cohesive, linking the abstract graph directly to the educational text changes.