Route trace.
Follow a proof from the studio to the press. Highlighting this handoff keeps both endpoints and the underlying route visible.
Route available
- Resting states
- Route available → Studio to press selected
- Reduced motion
- The full selected connection appears at once.
Implementation excerpt
.route { stroke-dasharray: 1; stroke-dashoffset: 1; }
[data-on="true"] .route { stroke-dashoffset: 0; }Where Unvibed uses it
This public print-desk example is the site’s demonstration of route trace.