depth style

right tools · sections · subsections · cards · tasks

Same place as today (right of overview · impulses · flow · nodes, before carry / +). Picked: C · Compact expand + glass — wired live on everything / prototype.

picked · C · Compact expand + glass · live
Now Filled white pill
baseline · what you have

Translucent glass cluster · active = solid white fill. Compare the five alternatives below.

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance
click labels to switch active
A Editorial hairline
letterspaced · underline

Quiet mono caps with a champagne underline — no fat filled pill, still on the right before carry.

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance
B Vertical right rail
stack · champagne edge

Depth stacks as a short column on the far right; carry / + sit under it. Active = soft inset + gold edge.

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance
C Compact expand + glass
picked · live

Resting chip shows the active depth; hover/click expands the four. Material = frosted glass (E feel) — no fat white fill.

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance
picked · wired live · hover / click chip
D Icon + label
glyphs · soft ring

Tiny layer glyphs beside each label; active uses a champagne ring instead of a chalk-white fill. Narrow widths hide labels (icons keep titles).

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance
E Embossed glass
pressed · no white fill

Same pill cluster silhouette, but active is pressed into the glass with a soft champagne glow — no opaque white capsule.

Tuesday · Sept 1
carry +
fitness training
Pepperdine
audacity
attention
abundance

depth stays on the right · C + glass is live · center view pills unchanged

Related: flow route UI · A–D · card style mocks

← back to prototype