diff --git a/design/visualizer-preview.fragment.html b/design/visualizer-preview.fragment.html new file mode 100644 index 0000000..7a3ec4a --- /dev/null +++ b/design/visualizer-preview.fragment.html @@ -0,0 +1,285 @@ +
Faithful render of the locked visual designs for protoboard.ai/validate and /parts. Four production screens, then the concept and iteration boards (B-series) that the visualizer spec references.
The hero screen at protoboard.ai/validate — two module cards with the B8 shared-region pair scene, verdict banner, and per-connection DRC cards.
+ 1440px +Step ② of the validator wizard: search/filter the library, pre-ranked by compatibility with the module already in slot A.
+ 1440px +protoboard.ai/parts — the step.parts-style dense card grid with search, filter, and pagination.
+ 1440px +A single part page: metadata, the UHD interface table, artifacts, and the raw uhd.json toggle.
+ 1440px +The tier × state × port visual vocabulary the renderings are built from.
+ 720px +Export-only build-sheet rendering: connector tables with wire colors.
+ 1240px +Early funnel-view exploration of a connection.
+ 1240px +The per-connection DRC card stages: pairing / slot table / conductors + parameters.
+ 1240px +Design recommendation note.
+ 720px +Depth encoded by fill, not indentation.
+ 1300px +Collapsed outline-tree rendering.
+ 980px +Harness-lane feature vignettes (buses, capacity bars…).
+ 1340px +More harness-lane vignettes (connectors, bridges, groups).
+ 1340px +Two-column schematic-symbol card layout with match-altitude rules.
+ 1420px +Depth rails with engaged branches.
+ 1360px +Iteration toward the shared-region hero.
+ 1400px +Iteration: bundled conductor lanes.
+ 1400px +Iteration: continuous connection band.
+ 1400px +The canonical hero rendering — connection as co-owned shared territory.
+ 1400px +Faithful render of the locked visual designs for protoboard.ai/validate and /parts. Four production screens, then the concept and iteration boards (B-series) that the visualizer spec references.
The hero screen at protoboard.ai/validate — two module cards with the B8 shared-region pair scene, verdict banner, and per-connection DRC cards.
+ 1440px +Step ② of the validator wizard: search/filter the library, pre-ranked by compatibility with the module already in slot A.
+ 1440px +protoboard.ai/parts — the step.parts-style dense card grid with search, filter, and pagination.
+ 1440px +A single part page: metadata, the UHD interface table, artifacts, and the raw uhd.json toggle.
+ 1440px +The tier × state × port visual vocabulary the renderings are built from.
+ 720px +Export-only build-sheet rendering: connector tables with wire colors.
+ 1240px +Early funnel-view exploration of a connection.
+ 1240px +The per-connection DRC card stages: pairing / slot table / conductors + parameters.
+ 1240px +Design recommendation note.
+ 720px +Depth encoded by fill, not indentation.
+ 1300px +Collapsed outline-tree rendering.
+ 980px +Harness-lane feature vignettes (buses, capacity bars…).
+ 1340px +More harness-lane vignettes (connectors, bridges, groups).
+ 1340px +Two-column schematic-symbol card layout with match-altitude rules.
+ 1420px +Depth rails with engaged branches.
+ 1360px +Iteration toward the shared-region hero.
+ 1400px +Iteration: bundled conductor lanes.
+ 1400px +Iteration: continuous connection band.
+ 1400px +The canonical hero rendering — connection as co-owned shared territory.
+ 1400px +