Backdrop selector — fitted in
Default screen stays clean (just a small scene button on the right rail). Tap it → a compact glass popover drops from the button with your backdrops. Spatial logic: top = the space, bottom = the outfit. Left phone = default, right = popover open.
Default — clean, scene button on right rail
9:41
Tonight
🔥121,240
Scene button tapped — backdrop popover
9:41
Tonight
🔥121,240
BackdropPrism
Prism
Sunset
Aqua
Noir
Studio
+
Motion spec (draft):
• Open: tap scene button → popover scales
• Select: tap a backdrop → the full scene crossfades to the new gradient over
• Dismiss: tap a backdrop (auto-close after
• “+” opens the full backdrop library (its own screen, designed later).
• Open: tap scene button → popover scales
0.9→1 + fades in over 220ms, cubic-bezier(.2,.8,.2,1), transform-origin top-right (grows out of the button). Thumbnails stagger-fade 25ms apart. Scene button gets the active ring.• Select: tap a backdrop → the full scene crossfades to the new gradient over
400ms ease-in-out, and the figure's rim-light retints in sync. Selected tile springs its white ring + check. Light haptic tick.• Dismiss: tap a backdrop (auto-close after
500ms) or tap anywhere outside → popover scales 1→0.92 + fades over 160ms, collapsing back toward the button.• “+” opens the full backdrop library (its own screen, designed later).
Better fit? Confirm this + the screen-by-screen plan, and I'll lock the Mirror home and move to onboarding/body-capture as screen #1.