---
id: "2113108584347353404"
source: https://x.com/iabhi1610/status/2113108584347353404
author: "Abhijeet (@iabhi1610)"
media: "video, 1920x1080, 5.4s"
model: claude-opus-5-5
generated: 2026-10-22
---
# Streak Reward Chest Unlock

## Summary
A mobile reward moment: a purple treasure chest glows on a white screen with "Rewards unlocked" for finishing a 7-day streak, then bursts into a shiny gold "Elite Pass" badge with a laurel crest and light rays, which flips to reveal "1 DAY". A short, satisfying celebration that makes a small perk feel valuable.

## Style
- Theme: light (shown in a phone frame on black)
- Mood: celebratory, rewarding, polished, bright
- Tags: mobile, reward, gamification, streak, chest, gold-badge, sunburst, rive
- Category: Mobile, Motion

## Palette
| Role | Hex |
|---|---|
| Stage black | #070609 |
| Screen | #F7F6F4 |
| Ink | #1D1D1F |
| Grey text | #8A8A8E |
| Chest purple | #5B3FD0 |
| Chest trim | #F5A623 |
| Gold light | #F2C14E |
| Gold mid | #B29155 |
| Gold deep | #8A5A12 |

## Typography
- Title ("Rewards unlocked", "Elite Pass"): rounded geometric sans, semibold, about 6% of screen width. Google Sans or Inter (600).
- Subtitle: small grey regular. Inter (400).
- Badge text ("1 DAY"): heavy condensed, embossed in darker gold. Inter (800).

## Layout
- 16:9 frame (1920x1080) with a phone mockup centred, about 30% of the width.
- Inside the screen: status bar, then the icon centred at about 40% of the height, title and subtitle below.
- The gold badge replaces the chest at about 1.6x its size.

## Elements
- Chest: chunky 3D-style purple chest with orange trim and lock.
- Glow: soft warm radial light behind the chest.
- Badge: rounded gold square with a bevelled edge, laurel wreath and crown crest, later "1 DAY / Elite Pass" embossed.
- Sunburst: pale yellow rays rotating slowly behind the badge.

## Motion
- 0 to 1.5s: title fades from grey to black; the chest bobs and a glow pulses.
- 1.5 to 3s: the chest shakes, then pops (scale 1.2 and fade) and the gold badge springs in (overshoot) with rays expanding.
- 3 to 4.5s: the badge flips around its Y axis to show "1 DAY".
- Rays keep rotating slowly; the text cross-fades from the reward to the pass name.

## Rebuild it
1. Build it as a Rive state machine (states: idle chest, burst, badge, flipped) or with Motion and Lottie.
2. Chest: illustrated SVG with a `y` bob (2s loop) and a radial-gradient glow pulsing in opacity.
3. Burst: scale the chest to 1.2 and to 0 in 200ms, then spring the badge in (`stiffness: 300, damping: 15`).
4. Badge: a `rounded-2xl` gold square with layered linear gradients for the metal and an inset highlight; flip with `rotateY` and `backface-visibility: hidden`.
5. Rays: a conic-gradient circle rotating at 20s per turn behind the badge, masked to fade out.

## Generation prompt
A celebratory mobile app animation inside a phone mockup on black: a glossy purple treasure chest with orange trim glows on a white screen above the text "Rewards unlocked", then bursts into a shiny gold square badge with a laurel crest and soft rotating light rays, which flips to reveal "1 DAY Elite Pass"; bright, rewarding, polished game-like UI, no real brand names.