thestudio

build · 5 decisions · 4 annotations

three UX-BRIDGE primitives are mounted below with a real case study from a visual-designer-origin entrant working stage-5 (articulation). every authoring tool ZERO ships treats refusal as default, evidence as plane-adjacent, and decisions as written record · not as ephemeral chat.

build KPIs

case study

stage-5articulation

annotations

44-role round

decisions archived

5stage 1-6

origin

visual-designerUX-BRIDGE entrant

case study · articulation

UX-BRIDGE stage 5

refusal-first approval gates for high-consequence trades

last edit · 2026-05-13T08:42:00Zorigin · visual-designer✓ signed off

context: visual-designer-origin entrant. coming from product design (Figma → component-libraries). bridging into operator-grade authoring of approval gates inside the cockpit.
users: operators with mixed-tier authority. paper-default. some come from web2 dashboards, some from quant desks.
constraints: ·no auto-approve on T2+ actions
·evidence must be visible at the same plane as the decision
·mobile collapse preserves judgment + intervention
·reduced-motion path preserves meaning
methods: ·reference-bar measurement against Perplexity + Comet
·critique-room round with 2 brand-veto + 1 compliance reviewer
·A/B against vendor-default approval card
synthesis logic: gates treat refusal as default · approve is the consequential edge case. evidence column always wider than action column. authority chip declared, not assumed.
decisions: ·use ApprovalGate(state="waiting") for the canonical scaffold
·pair every T2+ gate with EvidenceTrail or CitationCard above
·kill ambiguous "save" verbs · always use the canonical verb
alternatives considered: ·large-dialog modal · rejected · breaks single-scroll-region
·inline-only approve · rejected · loses evidence column
·auto-approve with timer · rejected · INTERVENTION §3 T2 floor
outcome: shipped as the canonical T2+ approval pattern. brand-veto signoff captured in DecisionLog stage-5 articulation.
what remains unresolved: ·mobile xs · gate stacks above evidence · evidence scroll model unclear
·i18n · long-form authority labels in fr · de don't fit current chip

critique room · participation

UX-BRIDGE stage 6

critique room · refusal-first approval gates · 4-role round

approval gate · specv0.3

<ApprovalGate
  summary="approve · close BTC short · 0.25x"
  kind="consent"
  risk="medium"
  state="waiting"
  hash="0x4f...e2c"
  /* evidence column ALWAYS wider than action column */
/>

reviewers

brand vetocomplianceengineeringdesign

author rationale

intent

make refusal-first feel like the default in every approval surface so operators absorb intervention doctrine through repetition.

assumptions

operators read top-down on cockpit surfaces
evidence weight beats persuasion · always
mixed-tier reviewers will see this gate on every consequential row

evidence

INTERVENTION-DOCTRINE §3 · 4-tier consequence
PROVENANCE-DOCTRINE §3 · evidence-at-decision rule
COMPOSITION-DOCTRINE §6 · focal clarity over decoration

trade-offs

denser layout → faster scan but more vertical real estate
always-show-evidence → more page weight on low-end devices

unresolved

auth state propagation when refresh fires mid-approval
long evidence chain truncation behavior

annotations · 4

brand-veto-director · 2026-05-13T08:30:00Z
amber accent on approve is correct · refuse stays bone-neutral. ship it.
compliance-officer · 2026-05-13T08:31:30Z
authority chip must be visible BEFORE the action verbs, not after. align with INTERVENTION §3.
engineering · 2026-05-13T08:33:00Z
state="waiting" → "approved" transition needs a focus-trap reset. tracked.
design · 2026-05-13T08:34:30Z
mobile xs · evidence column stacks ABOVE the gate. tested on 360 + 390 viewports.

decision log · personal archive

UX-BRIDGE all stages

decisions made through the bridge ladder · stage 1 → stage 6 · 5 entries

translation

1/4

reorientation

1/3

exposure

0/4

structuring

1/3

articulation

1/1

participation

1/3

identity-shift

0/10

2026-05-13T07:50:00Ztranslation
figma component → @zero/ui primitive
mapped visual-designer mental model (named layers + variants) to PrimitiveDossier (meta + cls + tokens + states).
2026-05-13T07:58:00Zreorientation
observation · operator reads decision-first not page-first
watching 3 operators use the cockpit · they scan for the next decision and ignore the rest. evidence column at the same plane wins.
2026-05-13T08:10:00Zstructuring
frame · refusal as default
inverted approval card framing · refuse is the neutral path · approve is the consequential edge.
2026-05-13T08:25:00Zarticulation
case study · refusal-first gates
shipped the canonical pattern under brand-veto signoff. case study fields filled · stage 5 advances.
2026-05-13T08:35:00Zparticipation
critique round · 4 annotations
brand-veto + compliance + eng + design · all annotations ship in DecisionLog.