RelayCTX / Canvas Motion · Graph & Explore

The canvas keeps time.

Motion concepts for the Graph and Explore surfaces, drawn with the shipped gc-* grammar: shape is type, dash arrays are law, and the counter never lies. Everything below runs live on one canvas — arrive a node, draw a connection, claim a relay, switch the arrange lens, walk the journey seam. Colour law holds throughout: #00D9C8 only while something moves; loops stay system teal. Grammar source: gc-* kit · Explore v2 · Journey.

gc grammar exploration · not ratified proposed additions 15–20 July 2026
Journey

The six moves

Each is a bounded answer to one question the canvas gets asked. All are proposed; none ratified until they land in SPEC.pulse-motion.md.

Node arrivalProposed · 15

A new object pops in at 0.4s out-expo with one #00D9C8 ring, then it is furniture. The ring means "this crossed a boundary just now", exactly like a toast arrival.

0.4s pop + 0.9s ring#00D9C8 · once.rly-node-arrive
Edge drawProposed · 16

A forming connection draws itself point-to-point in pulse colour, then settles into its law dash array and edge grey. The dash grammar is untouched; only the birth moves.

0.6s draw#00D9C8 → edge grey.rly-edge-draw
Focus dimProposed · 17

Select a node: its neighbourhood holds, everything else drops to 16% in 0.18s. A product transition, not an event — fast enough to feel like attention, not animation.

0.18ssystem colours only.rly-focus-dim
Arrange morphProposed · 18

Switching lens glides every node to its new station at 0.5s out-expo with a 20ms stagger; edges fade during transit and re-anchor. The counter recounts when the dust settles.

0.5s + 20ms staggeredges fade in transit.rly-arrange-morph
Hot breatheProposed · 19

Objects touched in the last hour carry a small teal dot breathing at 4.2s — the awaiting rhythm, reused. It loops, so it stays system teal by rule 4. Never the pulse colour.

4.2s loopsystem teal (rule 4).rly-hot-breathe
Seam glintProposed · 20

Hovering a journey step glints its node on the canvas: a 0.5s stroke flare in system teal. The linear seam and the spatial canvas stay one object in the reader's head.

0.5s flaresystem teal · once.rly-seam-glint

Canvas laws

Carried from the gc grammar and the pulse spec; the motion never bends them.