0941
This onboarding animation demonstrates the benefit of a smart alarm on a sleep cycle graph. Upon loading, the graph first reveals an 'Ordinary Alarm' marker in orange, accompanied by a 'Deep sleep' tooltip that scales and fades in. Shortly after, a 'Smart Alarm' marker in green appears, followed by a blue 'Light Sleep' tooltip that pops in. The staggered animation uses smooth scaling and fading to guide the user's eye through the comparison, making the value proposition of the smart alarm immediately clear.
