📁 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.
Achievement-reveal + the reward system
"Add 8 items" → pre-render masked by the frosted-glass forming (no confetti this time) → an achievement pop that turns the unavoidable wait into a dopamine hit. Plus the reusable "Suni moment" component for app-wide use.
1 · Adding (pre-render)
9:41
Adding your 8 pieces…
2 · Achievement pop (no confetti)
9:41
Closet leveled up
+8 pieces · now mixing 60 fits
Nice ✨
3 · The reusable system
9:41
Suni moments
First look created
you styled your reflection
10 fits tried
stylist in training
7-day streak
getting ready, every day
same component, dropped in everywhere a small win happens
How it works: tapping "Add 8 items" kicks off pre-rendering their layers → masked by the frosted-glass forming (shimmer + "Adding your 8 pieces…", no confetti) → resolves into an achievement pop (sun badge springs in, soft shine sweep, "Closet leveled up · +8 pieces · now mixing 60 fits" with a +120 Glow reward). It turns an unavoidable compute wait into a reward. The same "Suni moment" component (badge + title + subtitle, spring-in) is reused app-wide — first look, 10 fits tried, streaks, closet milestones — for steady little dopamine hits.
Tweak the badge, copy, or the "leveled up" framing — or approve and I'll move to the paywall / bring-to-life screens.