📁 Suni — Approved Mockup. Saved from the design sessions. Open any file in this folder in a browser to view. See 00-index.html for the full set.
Streak +1 · Glow earned · streak-loss recovery
First open of the day: the streak blows up big in the center, ticks +1, then flies to the top bar. Glow does the same when earned. And if a streak breaks, a recovery pop-up. Live animations.
1 · Streak +1 (first open of the day)
9:41
12-day streak!
you're on fire — see you tomorrow
…then it shrinks & flies up to the 🔥 in the top bar
2 · Glow earned (flies to balance)
9:41
cash-back earned · flies to your balance
balance ticks up 1,066 → 1,240 as the Glow lands
3 · Streak-loss recovery
9:41
🔥
Your streak ended
You were on a 12-day roll. Recover it before it's gone and keep your 6% cash-back boost.
No thanks, start over
Three moments: Streak +1 — first open of the day, the streak bursts big in the center (rays, pulse, "+1 day", "+15 Glow earned"), then shrinks & flies to the top-bar 🔥. Glow earned — any Glow gain sends suns flying up to the ☀ balance, which ticks up (here +174 cash-back after a purchase). Streak-loss recovery — first load after a miss: "Your streak ended," recover for $0.99 or 100 Glow (equal value at 100 Glow = $1) to keep the streak and the cash-back boost. Loss-aversion, but honest — "No thanks, start over" is always there.
Good? Tweak the copy/feel — or approve, I'll save it (14), then we head to the Feed (or Step 4).