Index TS · MMXXVI

A clock is round because the day comes back. A calendar is a grid because somebody counted the month. Neither shape is required, we just got used to them. I wanted to see what happens when they trade places, so I built eight live sketches that draw the day like a calendar and the year like a dial. The only test was whether you could still read the time off each one.

01Film · Thirty seconds, every configuration
I — Question

What if we tracked a day the way we track a year, and a year the way we track a day? That was the whole brief. Each sketch had to change the shape of time without losing the time, using basic shapes and Neue Haas Grotesk. There is one accent color, switched off by default.

Other Clocks overview with eight small clock and calendar plates
02Overview · Eight sketches
II — Clocks

Five of them are clocks that count the way a calendar does. The hours are cells you cross off like days on a month page. Today is spread over 365 dots, so 2pm reads as a date in early August. A year planner holds all 1,440 minutes, a row per hour. One hand runs the edge of a square instead of a circle, so equal time covers equal distance. The last shows the day as a lunar month, full at noon.

Twenty-four hour cells laid out like a month page
03Hours, as days
The day drawn as a year of dots
04If today were a year
Grid of 1,440 minute marks, rows as hours
051,440 · Every minute of today
Clock hand running along a square track
06Square circuit
Moon phase showing the time of day
07The waxing day
III — Calendars

The other three are calendars that behave like clocks. One puts the whole year on a dial, one lap, with a solid band for the days already gone. One treats the year as a single long day, so the sun comes up in April and sets in October. The third stacks year, month, week, day, hour and minute as bars on the same ruler, each showing how much of it is used up so far.

The year drawn as a clock dial with a solid band for days gone
08The year, on a dial
Sun crossing a horizon, the year as one day
09If the year were a day
Bars for year, month, week, day, hour and minute
10Every scale, one ruler
IV — Play & customize

Press Play and each plate runs its whole cycle in a few seconds, a day for the clocks and a year for the calendars. A plain digital clock runs in sync beside it, because without one you can't tell whether the motion is right. Customize opens any sketch with a DialKit panel, a bit over thirty controls, and a short walkthrough on how to read that particular one.

Hours sketch mid-demo with a digital clock overlay
11Play a day · 24 hours in six seconds
V — The essay

The companion essay, How we learned to draw time, asks where the usual shapes came from. It runs sixteen chapters, from notched Ice Age bones to the atomic second. Each chapter keeps a working instrument beside the text. You scroll a sundial, watch hours stretch with the season, lose ten days from October 1582, and drag a pendulum.

Essay opening with a circle of marks and the title
12Essay · Opening
A ring of historical timekeeping objects
13Essay · Eleven objects
Interactive sundial seen from above
14Essay · The ground was the first dial
October 1582 calendar with ten days removed
15Essay · Ten days that never happened
Credits

Concept, design and code: Thomas Stange.
Type: Neue Haas Grotesk Display.
Controls: DialKit by Josh Puckett. Smooth scroll: Lenis.
Historical images: Wikimedia Commons, credited in the essay.

Next The Binary Way
The Binary Way