TessaCraft control lab

Craftee · design sandbox · v1 — chromeless dials & controls. Tap any dial to cycle the seven junctions.

now: Council

1 · junction-type dial — three chromeless treatments

The principle Cody kept missing: the touch target is the symbol — no button box around it. Bigger, obviously tappable.

A · filled face

the vertex figure itself is the dial — solid wedges, a notch at 12 o'clock.

B · spoke / line

minimal — spokes at each wedge edge, active sector tinted. lightest touch.

C · morse ring

your dot/dash idea — narrow = dot, wide = dash, one mark per corner.

2 · the whole control row — before → after

Brief §1–4: three selector dials into one row · palette out of the row · junction dial larger & chromeless · refresh + camera = the bare symbol.

before — boxed, two rows, palette clutter

after — one row, chromeless, the symbol is the control

Sandbox file: design-lab/index.html — open in any browser. When you pick a direction, each control becomes a standalone importable component + syncs to your claude.ai/design project via /design-sync.
Junction name↔figure mapping is indicative pending canon confirmation (the seven valid P3 vertices: 244 · 334 · 2224 · 12133 · 22222 · 112222 · 1121122).