Title: Tempo — Time in Motion
Exact creative prompt: Make a premium Swiss kinetic clock in one self-contained HTML file. Acid yellow-green background, forest-black circular hour/minute/second dials, large tabular digits, orbiting second markers, minimal industrial typography and a bold headline “Every second. A new beginning.” Show real local time and date. Include working Local/UTC and 12/24-hour controls. Use a responsive three-dial composition, accessible native buttons and reduced-motion support. No remote resources.
Description: A functional timepiece presented as a graphic design object, with three beautifully proportioned circular instruments and direct, optimistic typography.
Major visual techniques: High-contrast duotone; circular instruments; rotating CSS hands; oversized tabular numerals; fine dashed rings; restrained typographic grid.
Intended interaction model: View a live clock, switch between local and UTC time and toggle the hour format.