Image Studio — staged redesign

Image

Simplified to 3 guided stages on the shared CreationPipeline shell. Downstream of the planner. Light app theme · clickable. No caching — refresh for latest.

Foundation
00
Design system
The redesign system reference — palette, badges, stepper and key atoms (reference dropzone, role-tagged references, candidate picker) used across the 3 stages.
Open
Stages — Summer Splash · Hero Image example
Stage 1
Brief & direction
Read the brief from the planner (read-only), then shape the editable visual direction + generation prompt we generate from.
Open
Stage 2
Generate
Upload the references the image must contain (logo / product / person / location, each role-tagged) · model, count and aspect always visible · generate candidates · pick one. Manual “Upload your own” escape lives here.
Open
Stage 3
Deliver
Preview the selected image and write it back to the post as hero media — one atomic step. The Studio's job ends here.
Open
Linear flow. The stages run left-to-right — start at Brief & direction, then generate candidates and pick one, then deliver. The Design system page documents the shared components.