TITLE Atelier Vesper — Calibre V.03 PROMPT A landing page for an invented independent watchmaker, "Atelier Vesper" of the invented Jura village "Les Brenassons", presenting one watch, the "Heure Bleue 38", whose mechanical movement runs live on the page: an SVG calibre with mainspring barrel, gear train, escapement and balance wheel, all meshing at correct ratios and keeping the viewer's actual local time. Concept: transparency as luxury; the page is a working watch. Mood: nocturnal, exacting, quietly opulent. Palette: black-anthracite #0C0D0F background, rose-champagne gold #C7A66B (gear plating, hairlines, display type), ivory #E9E4DA for text and dial, oxblood ruby #7B1E1E for jewels and one accent, blued steel #2A3138 (with a brighter heat-blue highlight #3F5F8A for screws and hands). Dark page (the concept calls for a jeweller's black), matte, with no neon or gradient text; metal rendered with conic and linear gradients plus fine engraved stripes (Côtes de Genève as repeating diagonal bands) and circular graining (perlage as overlapping small circles) on the plates. Signature object: the movement, drawn large (it should fill most of the first viewport on desktop, and the width on phones). Components, each a real SVG gear with computed involute-like teeth (tooth counts chosen so ratios are right): the barrel (slow), centre wheel (one turn per hour, carrying the minute hand), third wheel, fourth wheel (one turn per minute, carrying the small seconds), escape wheel with its distinctive club teeth advancing in steps, the pallet fork rocking between banking pins with two ruby pallets, and the balance wheel with a spiral hairspring that breathes (the spiral's turns compress and expand) oscillating at 3 Hz (21,600 beats per hour), so the seconds hand advances in six tiny steps per second. Bridges with engraved text ("ATELIER VESPER · V.03 · 21 RUBIS · AJUSTÉ 5 POSITIONS"), jewels set in gold chatons, blued screws with slots at varied angles. All rotations derive from one time source (Date.now()), so the hour and minute hands on the dial view show the real time and everything is phase-consistent. Two faces: the page opens on the caseback side; a toggle button drawn as a crown ("Retourner la montre / turn the watch over") flips between the caseback side and the dial side with a 3D rotateY of the whole watch case (lugs, strap and crown included): the dial is restrained (ivory with applied gold indices, leaf hands in blued steel, a small seconds sub-dial at 6, a discreet moon-shaped power-reserve arc, "Vesper" in a fine serif); the back shows the calibre under sapphire with a moving reflection. On load: the balance is still; the crown turns three clicks (winding), the mainspring barrel tightens, the balance kicks into life and the train starts: the first three seconds. Interaction: hovering/tapping any component highlights it in brighter gold, dims the rest, and opens a hairline-ruled annotation with its name in French and English, its tooth count and its rate ("Roue de centre · centre wheel · 80 teeth · one turn each hour"); a "ralenti" control slows the escapement 20× so the viewer can watch the pallet fork lock and release each tooth; dragging the crown winds the power reserve (the arc fills) and, pulled out one notch (click, or Enter), sets the time by dragging: hands and the entire train spin accordingly, then ease back to real time on release. A numbered index of the twelve organs (01–12) under the annotation selects the same highlights by keyboard or tap and turns the watch to the right face; a small status line shows the displayed time, the reserve in hours and the rate. An optional sound toggle (off by default; drawn as a tiny tuning fork) adds a precise tick at 6 beats per second synthesised with short filtered clicks, alternating tick/tock timbre. Sections beneath (sparse, generous spacing, thin gold rules): "La Montre": specifications as a two-column table (38 mm, 9.8 mm, hand-wound, 60-hour reserve, steel or rose gold, 12 pieces a year); "L'Atelier": a short text about the two-person workshop (Colette Vesper-Aubry and her nephew), specific and unboastful ("We make one watch at a time because we own one bench."), with a short inventory of the workshop; "La Montre" also carries a hairline side-elevation drawing with the 38 mm and 9.8 mm dimensions; "Finissage": three close-up SVG vignettes (anglage on a bridge edge catching light on hover, a black-polished screw head, perlage); "Liste d'attente": a single-field request with a custom input and a confirmation engraved onto a caseback ring (no network). Typography: display in a refined Didone/transitional serif (Didot/"Bodoni MT"/Baskerville/Georgia), light and large, with French small-cap labels at 10–11px tracked 0.3em; numerals in tabular lining figures; movement engravings in a narrow engraved-capitals style. Motion: slow, precise, 800–1200ms with cubic-bezier(.2,.7,.1,1); nothing bounces. Reduced motion: the movement shows the correct time but only the hands update (once per second); gears and balance are still. DESCRIPTION A jeweller's-black landing page whose hero is a working watch. The Heure Bleue 38 lies caseback-up beside a large Didone title: under the sapphire, a ruthenium-dark calibre with rose-gold wheels is actually running, every wheel meshing at its true ratio and the whole train stepping six times a second to the viewer's own local time. In the first three seconds the crown turns three clicks, the ratchet advances, the blued mainspring tightens in the barrel, and the balance kicks into life. Turning the watch over reveals a restrained ivory dial with applied gold indices, blued leaf hands, small seconds at six and a moon-shaped power reserve; everything on both faces is annotated in French and English on hover or tap. Below, four sparse sections ruled in thin gold give the specifications, the two-person workshop, three finishing close-ups that respond to light, and a waiting list whose confirmation is engraved letter by letter onto a caseback ring. VISUAL TECHNIQUES - Inline SVG calibre generated from tooth counts: ogival involute-like gear outlines, spoked wheels, steel pinions, wolf-tooth ratchet, club-tooth escape wheel, pallet fork with ruby pallets, all placed from computed centre distances - One clock derived from Date.now(): mesh-phase formula keeps every tooth in its gap; the escape wheel advances 12 degrees per beat, unlocked by a fork whose angle is driven by the balance's own angle - Hairspring redrawn each frame as an Archimedean spiral whose inner end follows the balance, so the coils breathe; mainspring spiral that clusters toward the arbor as the reserve rises - Côtes de Genève as a rotated repeating gradient pattern on stroke-built bridges with bevelled (anglage) edges; perlage as an overlapping-circle pattern on the mainplate; engraved capitals set on arcs with textPath - Gold rendered with radial gradients plus fixed-angle sheen rings that stay still while the wheels turn; case, bezel and waiting-list ring in CSS conic gradients; jewels in gold chatons; heat-blued screws with slots at varied angles - 3D case: preserve-3d flip of two back-face-hidden faces, lugs, strap and knurled crown, with pointer-driven tilt and a drifting sapphire reflection - Ivory dial with grain (feTurbulence), railroad minute track, faceted applied indices, two-tone leaf hands with offset shadows, crescent power-reserve filled through a clip path - Staggered entrance with a custom cubic-bezier(.2,.7,.1,1), hairline rules that draw themselves, film-grain overlay - Finishing vignettes whose gradients are re-aimed by pointer position: a bevel that flashes, a black-polished screw that is black from every angle but one, a light pooling across perlage - Synthesised tick/tock (band-passed noise bursts, alternating timbre) and ratchet clicks through Web Audio, off by default - Reduced-motion mode: gears and balance are posed correctly but still; only the hands and the time readout update once per second INTERACTION MODEL Hover (mouse) or tap any organ of the watch — barrel, ratchet and crown wheel, centre, third and fourth wheels, escape wheel, pallet fork, balance, bridges, or on the dial side the hands, indices, small seconds and power reserve — and it brightens while the rest dims, a dotted gold ring encircles it, and a hairline-ruled annotation gives its French and English names, tooth counts and rate; tapping again or tapping empty space clears it, and the numbered index 01–12 does the same from the keyboard, turning the watch over when needed. "Retourner la montre" flips the case in 3D between calibre and dial. "Ralenti" slows the escapement twenty times and highlights the pallet fork so each lock and release can be watched; switching it off lets the train catch up to real time. The tuning-fork button turns on a six-beats-per-second tick. Dragging the crown winds the watch: the ratchet and crown wheel turn, the mainspring tightens and the moon on the dial waxes, up to 60 hours. Clicking the crown (or pressing Enter on it) pulls it out one notch; dragging then sets the time, spinning hands and train, and on release everything eases back to the real local time; arrow keys wind or set from the keyboard. The three finishing loupes respond to pointer position, and the waiting-list field validates an address locally and engraves a reservation and list rank around a caseback ring without sending anything.