<aside> 🎛️
A tactile planning instrument for making small changes legible: fixed-light dials, exact-value fields, ribbed faders, numbered session pads, and a period board that keeps the work in view. This first Studio Rack foundation concentrates on precision dials and faders, with enough sequencing and participation to give every control a meaningful receiver.
</aside>
Choose a quantity, its unit, its owner, and the decision it supports. Then give people two fitting routes: a tactile adjustment for exploration and a native field for precision. The visual instrument carries the quantity’s meaning; the receiving workflow owns acceptance, recovery, and consequence.
This sampler brings together three source contracts: Precision Dials & Faders, Period Kanban & Session Sequencer, and Support Matrix & Stateful Pads, within the shared Studio Rack composition. The source documents describe review candidates and distinguish approved main references from receiving development compositions. This page is a bounded, independently implemented teaching specimen of those meanings.[1][2][3][4]
For the making-and-collaboration account, continue to Making the Work Visible — Building an Investment Studio with AI. Its embedded copy opens at the Session desk. Each copy has its own fictional, memory-only state.
Six clickable views share one local accepted plan, editor-owned proposals, and an Undo history. The sampler uses system fonts, inline CSS and JavaScript, and authored fixtures. The embedded HTML below is the Notion-facing copy; the code carrier that follows is for Super. Each copy has independent, browser-local state.
Try a small journey. Turn a duration dial or enter exact minutes. Compare the proposal with the accepted reading, then Apply. Adjust a person’s hourly rate, preserve its cents with the $1 steps, and Undo an accepted change. Open Change faders to compare ADKAR and Kotter readings; open Quality faders to see authored check requirements. The sequencer and support pads give those adjustments a plan, an occurrence, and participating people.
The following code block is the separate Super publishing carrier; Notion displays it as source rather than running it.
<aside> <img src="/icons/kind_gray.svg" alt="/icons/kind_gray.svg" width="40px" />
See the version at the bottom of this page if you are looking at this in Notion.
</aside>