Page 1 — Notification
A small dot drifts freely. When a notification appears, soft waves pull the dot gently toward the corner – a mild form of attention control.
Light attention pull
Concept
This interface imagines sound as a force field acting on the body. Each sound event (phone notification, alarm and knocking) generates a different pattern of behavioural automation.
- Notification – light attention pull, subtle re-direction.
- Alarm – repetitive vertical motion, enforced rhythm.
- Knock – intrusive lateral push from the boundary.
Later, JavaScript can link real audio events to these visual behaviours. For now, CSS animations give a first, visual sketch of the idea.
Page 2 — Alarm
The dot is locked into an up-and-down loop, mirroring the repetitive urgency of an alarm that structures time and action.
Enforced rhythm
Page 3 — Knocking
A strong red wave enters from the left, violently pushing the dot to the right, visualising an acoustic intrusion into private space.
Boundary intrusion