Kelvin TransitSeven past and thirty-seven past. Every hour, every weekday.Eleven routes on a clockface pattern, so you can leave the house without looking anything up.Find your stopRoute 4 · :07 · :37 · 5:07am to 12:37amWeekends · :22 only · every 30 minutesFrom 08 Sep · Route 9 turns at Fell St
Demo brand · the bus authority for a river city of 240,000 — eleven routes, one garageKineticTier: Standard
Clockface Service
A transit agency site organised around one promise — the same minutes past every hour — with the whole page keeping that beat.
- Feeling
- You stop checking your phone, because you already know.
- Composition
- The pattern in one oversized line → the whole day as a rhythm strip → what changes on weekends and holidays → the service change starting in September → detours and what to do instead → find your stop
- Motion
- One column of the rhythm strip highlights and advances on a steady beat while the strip is on screen and stops the moment it leaves; the headline, the timetable text, and the map band never move at all.
- Guardrail
- The rhythm strip is labelled as the published pattern and never presented as a live countdown or arrival time; with motion reduced it renders complete and static, losing no information. No type below 15px.
- Best for
- Bus or tram authority service page · Ferry or regional rail timetable · Campus shuttle service · Service-change announcement site
- Tier
- Standard tier. The complete prompt and agreement. Builder renders it with the shared generic renderer rather than a template of its own.
Capability sources
- react-bits
- motion-primitives
- motion-primitives
The prompt works in any AI tool. Build this in Irie hands this direction’s agreement to Builder through a short-lived link, and Builder shows you what it imported before it generates. If that link cannot be created, Builder still opens with the prompt on your clipboard. The agreement is a structured irie.direction.v1 file you can also keep or feed to any tool that reads it.
