Rougher Stuff
Software can be useful without feeling mechanical.
The result should feel intentional, not ornamental.
Keep feedback attached
A comment route stays connected to the exact phrase in review.
Specimen gallery
Examples
06 / SPECIMENS
Real interface patterns where expressive marks do one clear job.
Welcome aboardYour first shape is ready.
Tip
Update this node without rebuilding the scene.
Guide one step at a time
A callout reinforces state without adding another modal.
01Shape
02Compiler
03Node
Explain how pieces connect
Routes attach to real elements and remain legible as layout changes.
seed / 24
Draw, retain, and update
Semantic geometry stays editable after the first sketch is rendered.
A range can cross inline boundaries and wrap naturally as the text changes.
Highlight real content
Annotations follow the DOM instead of painting a fixed screenshot.
drawing
annotation
connector
Sequence every mark
Progress-driven timelines make draw, annotate, and route feel connected.
Next step
Open playground →