Clarion

Movement becomes signal. Signal becomes form.

2026

Clarion explores garments as a system responding to signal. The work investigates how body movement can be translated into external output through wearable systems.

This project demonstrates that garments can function as an interface between the body and external systems.

The tool reads 21 landmarks per hand through a webcam, tracking x, y, and z depth in real time. Velocity shapes line weight. Depth controls opacity. Hand openness modulates stroke width.

The question was whether gestural input could produce usable surface.

Eight symmetry modes allow a single gesture to generate a full composition. The body becomes the input, and movement becomes mark-making.

Launch Clarion
Demo

Select your colors, then press the spacebar to begin drawing. Turning speakers on is recommended.

Earlier Prototype, Emptied Gestures

While four-year-old Jane and I were playing with v1 of Clarion (then called Emptied Gestures), we added polychromatic tones, musical feedback that responds to the movement captured by the camera. Background colors can be changed freely, including with an eye-dropper tool.

Sample Outputs

Each composition can be exported as a transparent PNG for use in print, textile, and surface design.

Gestural drawings generated using Clarion's symmetry modes and hand-tracking input.

Credits

Design & DevelopmentDeborah Won
Inspired byHeather Hansen
Year2026