LGND AI · Motion study_

Night Rap

The sleep, recovery and energy story, animated end to end. It opens on the LGND logo screen, which irises into the intro: the night animates in, then waits. The story only starts when Rap my night is tapped. It opens on yesterday's steps and calories, then plays through sleep, recovery and energy in about a minute, with player controls along the bottom.

From Spotify Wrapped_

  • Story formatSegmented progress bars and a fixed pace, so the viewer watches a sequence instead of browsing a dashboard.
  • Say it, then show itEach card leads with one plain statement. The number lands after the sentence, never before.
  • Data drawn liveRings sweep, dot grids fill and counters run up to the value, so every stat has a small moment of suspense.
  • Chapters cut by colorEach domain arrives with a full-screen color wipe and its name in huge type, like a scene change.
  • A finale worth sharingThe last card collects all three scores on one screen.

Motion tokens_

Reveal
cubic-bezier(.16,1,.3,1) · 600–700ms
Wipe
cubic-bezier(.7,0,.2,1) · 750ms, circle from ring center
Pop
cubic-bezier(.34,1.56,.64,1) · 500ms
Type-on
26ms per character, dot flicker 0→1→.25→1
Counters
expo-out, 1.2–1.6s
Card pace
4.8s, or 6.2s when a chapter opens
LGND AI
SLEEP_
00:00
00:00