Stepper Hierarchy — Depth Comparison

Same locked taxonomy, rendered two ways so you can feel the difference between showing 2 tiers vs 3. Both use Activity Stages and cover Ideation + Design only. Current state: Ideation › Discover › Discovery.

✓ Top level: Activity stages ✓ Scope: Ideation + Design ✓ Comparing: 2-tier vs 3-tier

The locked taxonomy

Ideation
Discover
Profile · Temperature · Discovery · Reflection
Ideation
Explore
Threads · Elaboration
Ideation
Validate
Pressure Test · Deep Dive
Ideation
Define
Foundation · Architecture · Vision · Design Brief
Design
Experience
Experience Design · View Evaluation
Design
Visual
Visual Design · Mockups
Design
Handoff
Handoff
2-TIER · RECOMMENDEDStage → Phase

Studio is implied by the nav tab you're already on (Ideation Studio is highlighted up top), so the stepper never re-draws it. You see the 4 stages, and the phases of the one you're in. A faint forward hint shows Design is next.

🐦 Code RavenIdeation StudioDesign StudioLaunch Studio
Stages
Discover
Profile · Temperature · Discovery · Reflection
Explore
Threads · Elaboration
Validate
Pressure Test · Deep Dive
Define
Foundation → Brief
Phases in Discover
Discovery · step 3 of 4 in Discover 👁 PREVIEW → next stage: Explore

Trade-off: cleanest, least vertical space, matches the app's existing studio nav. You can't see Design's stages without switching studios — but you rarely need to mid-Ideation.

3-TIERStudio → Stage → Phase

The whole cross-studio arc lives inside the stepper. Studio row shows Ideation (active) and Design (ahead); stage row shows the active studio's stages; phase row shows the active stage's phases. Nothing is hidden — at the cost of a third row.

🐦 Code RavenIdeation StudioDesign StudioLaunch Studio
Studios
Ideation Discover → Define
Design Experience → Handoff
Stages in Ideation
Discover
Profile · Temperature · Discovery · Reflection
Explore
Threads · Elaboration
Validate
Pressure Test · Deep Dive
Define
Foundation → Brief
Phases in Discover
Discovery · Ideation › Discover · step 3 of 4 👁 PREVIEW

Trade-off: most orienting — you always see how far the entire journey runs and can jump across studios from one place. Costs a third row of chrome on every phase screen.

Self-contained — open in any browser. Tip: a nice compromise is to ship 2-tier as the default and let the studio row from 3-tier appear only on hover / when you reach Design.