Interface note
Different clocks for different interfaces
Atoms, bits, and waves become meaningful when time starts moving through them.
Road
Story / Work / Contact
Windshield
Viewport
Dashboard
34% / down / coasting
Time is an interface material
Time is not only the number in the corner of the screen. It is the difference between a press and a hold, a glance and a read, a notification and an interruption, a scroll and a journey.
A clock is any system that turns change into meaning. Some clocks count seconds. Some count progress. Some count decay. Some count attention.
calendar time
Wall clock
The familiar clock. Useful for meetings, meals, bedtime, trains, appointments, and all the other shared agreements people pin to numbers.
elapsed time
Stopwatch
The clock of effort. It asks how long something took, how long you stayed with it, and whether the system should respect the cost.
rhythm
Metronome
The clock of loops. It is less interested in what hour it is and more interested in whether the next beat arrives when the body expects it.
position in motion
Scroll clock
A page is a road and the viewport is a windshield. Scroll position, direction, velocity, and snap points become instruments on the dashboard.
attention fading
Decay clock
Some interface state should expire. Highlights, toasts, active presses, unread badges, and cached assumptions all have half-lives.
shared context
World clock
A distributed clock. People, agents, servers, calendars, and physical places are rarely in the same now. Interfaces need to translate between them.
The dashboard clock
Scroll makes time visible. If a page is a road and the viewport is a windshield, then the interface can expose a dashboard: current section, distance traveled, speed, direction, momentum, and the next meaningful exit.
That dashboard should not be a navbar wearing a clever hat. It should say what is happening right now. Reading. Skimming. Coasting. Crossing a boundary. Approaching an action.
Atoms, bits, waves, time
Atoms are the finger and glass. Bits are the scroll position, velocity, and section state. Waves are the moving pixels, haptics, and sound. Time is the pattern that makes the loop feel alive.