Towchronicle: canal weekly journal web UI concept (Landing / Week / Harelock)
An original high-fidelity web UI concept for a canal weekly journal: a landing with a lock drawing, a vertical week log, and a page for Harelock. Fictional navigation, DEMO readings, not a passage guide.
Image credit: Tink
Towchronicle is an original high-fidelity web UI concept for a weekly journal of the fictional Wynn Navigation: a small cut with a single lock, written up once a week.
The three screens
Landing. A typographic hero, "The week on the cut.", sits beside a code-drawn chamber at Harelock, with the narrowboat Heron between the gates. A short note says this is not a passage guide, and the water figure is DEMO only. Water at Harelock is logged as steady, +0.12 m above summer level, a journal reading, not advice. Cards pick out Tuesday 10 November, when Heron rose at 09:40; 18 passages recorded by Wednesday; and an open afternoon at the cottage on Saturday 14 November from 14:00.
Week. A vertical log from Monday 9 to Sunday 15 November, not a timetable. Monday: gates greased. Tuesday: Heron rose at 09:40. Wednesday: towpath work at Mile 4, and the week's tally stood at 18 by evening. Thursday 12, today, a frost was noted overnight — a journal observation, not a weather or passage warning. Friday: a volunteer cut at Reed Pound. Saturday: open afternoon at the cottage from 14:00. Sunday: no passages logged yet. Side cards repeat 18 by Wednesday, 41 passages last week, and +0.12 m, steady.
Harelock. A dark lock page with the same drawing. Facts: rise 8 ft 3 in, one chamber, 41 passages last week, 18 this week to Wednesday, water +0.12 m, keeper Eli Moss, fictional. The page is labelled not navigation advice.
Visual system
- Cream, brick, canal water, moss and gold
- Literata for headlines, Barlow for the interface, IBM Plex Mono for labels
- The lock chamber and the narrowboat are drawn in SVG
- A journal nav: This week, The cut, Harelock, Archive, About
Notes
Towchronicle is a fictional brand. The Wynn Navigation, Harelock, Heron, Eli Moss, the water reading and the passage tallies are DEMO data for illustration, not a real navigation or a passage guide. It is a static design study, not a real site. All artwork is drawn in code; no photos or third-party logos are used.