Study 02 · A vocabulary of movement

Things that
feel alive.

Breath, drift, elastic response and a ripple of attention. Six translations of Sourdine’s living rings into text and controls, with enough restraint to keep the message readable.

movement with a reason

Motion is running. Your system preference takes priority.

01 / Attention

A word with a pulse.

Quiet, independent phases draw the eye without shaking the sentence.

ListenBreathing scale

Use for one important word. Scale stays close to 1, and the layout never moves.

02 / Discovery

Light passing through.

A soft highlight crosses a phrase. The underlying text stays dark.

A thought
taking shape.
Drifting highlight

Use on a short reveal or a new capability, not a whole article.

03 / Processing

Waiting, with a heartbeat.

The glow breathes; the status stays still. Completion is explicit.

ProcessingBreath + glow

Local state demonstration. No generation request is running.

04 / Acknowledgement

Give the action some give.

A brief compression, a small overshoot, then a quick settling.

Damped response

Tap the large button. The idea is kept only in this page.

05 / Progression

One gesture, many parts.

A wave reaches each item in turn, like Sourdine’s delayed ring responses.

ReadShapeBuildCheckReady
Phase-delayed wave

A one-shot sequence. It does not imply background work.

06 / Continuity

Move the emphasis.

One selection surface flows between stable labels. Change your mind mid-flight.

Select a mood
Interruptible selection

Calm selected. Arrow keys work inside the control.