Five UI packs. Same screens.
Five complete visual directions for the Studio, each drawn from real products that were opened and studied (colours sampled, type and corner sizes read from the pages). Nothing here is a mock-up: every button opens the real bible and the real video flow, skinned in that pack.
Add &ui=graphite (or voltage, darkroom, gallery, poster) to any screen address, or use the dots at the top right of the app. Leave it off and the Studio is exactly as it was.
Graphite
The quiet dark tool. Neutral greys, one white button, colour only where it means something.
The closest to the Codex desktop app: flat panes split by hairlines, a black sidebar, your messages as soft grey bubbles, the composer as one rounded box with a round send button. Green and red are kept for done and out of date.
- Type
- Geist 600 headings, Geist body, Geist Mono labels
- Corners
- 6 / 8 / 12, buttons 8
- Media cards
- One step lighter than the page, hairline border, white ring when picked
- Orchestrator
- Darker pane, grey bubbles, rounded composer
- Main button
- Solid white, black text
- Stage rail
- Flat tabs, mono numbers, white underline on the current stage
Take 1
Take 2
Take 3Voltage
The loud generator. Near black, bordered islands, one acid lime button, bold capitals.
The closest to Higgsfield: every pane is its own rounded island on a near-black page, the one action that makes or approves something is lime with a darker lip so it reads as a key you press, and pink marks what is waiting on you.
- Type
- Space Grotesk 700 capitals, Inter body, Space Mono labels
- Corners
- 8 / 10 / 12, islands 16, buttons 10
- Media cards
- Dark tile, lime ring and a soft lime glow when picked
- Orchestrator
- Its own island, outlined bubbles, lime send
- Main button
- Lime, capitals, darker lip underneath
- Stage rail
- Chips. Lime ticks for done, a solid lime chip for the current stage
Take 1Take 2Take 3Darkroom
Pure black. The pictures are the interface.
The closest to Krea and Midjourney: the page is black, dividing lines are gone, takes and sheets have no frame and sit close together, and the Orchestrator floats as one rounded island. A single electric blue marks what is picked and what to press.
- Type
- Inter Tight 500 headings with tight tracking, Inter body
- Corners
- 10 / 12 / 18, island 22, pill buttons
- Media cards
- No frame, no border, tight gaps, blue outline when picked
- Orchestrator
- Floating rounded island, blue bubbles for your messages
- Main button
- Blue pill
- Stage rail
- Plain words on black, blue underline on the current stage
Take 1Take 2Take 3Gallery
White, hairlines, black pills. Calm, light and roomy.
The closest to ElevenLabs and the light side of Runway and Midjourney: white page, the faintest grey sidebar, thin display type, black pill buttons. One warm orange is saved for things that need you, so it always stands out.
- Type
- Inter 300 headings with tight tracking, Inter body, Geist Mono labels
- Corners
- 8 / 10 / 16, pill buttons
- Media cards
- White card, hairline, black ring when picked
- Orchestrator
- White pane, pale grey bubbles, composer glows orange when you type
- Main button
- Black pill
- Stage rail
- Flat on white, green ticks, black underline on the current stage
Take 1Take 2Take 3Poster
Warm paper, ink pills, wide capitals, lavender for what is picked.
The closest to Pika: a cream page with the sidebar and the Orchestrator as white cards floating on it, wide capital headings, ink pill buttons, lavender for selection and done, a yellow marker for what is waiting. The friendliest of the five, and the only one that keeps some of the current warmth.
- Type
- Unbounded 500 capitals, DM Sans body, DM Mono labels
- Corners
- 10 / 14 / 20, islands 24, pill buttons
- Media cards
- White card with big corners, lavender fill and ink ring when picked
- Orchestrator
- Floating white card, lavender bubbles
- Main button
- Ink pill. Other buttons are outlined in ink
- Stage rail
- Pills. Lavender ticks for done, an ink pill for the current stage
Take 1Take 2Take 3What changed from the first version of this page: those five packs were drawn from memory. These five come from looking at the real products. Kept: a neutral dark pack and a lime pack (both confirmed by the Codex app and Higgsfield). Dropped: the serif editorial pack and the indigo pack, which matched nothing the founder named. New: Darkroom, Gallery and Poster. No product's name, logo or exact branding is used: only the design language.