Template · Luxury watch e-commerce · 2026
Meridian. Editorial watch retail, set in real time.
Slot two of the portfolio trio. A WordPress theme that opens with a real-time SVG analog clock ticking against a cream paper page. GSAP-pinned horizontal collection scroll, magnetic product tile hovers, SVG escapement path-draw, mask-reveal headlines. Restraint over volume.
— Seven moves
Real ticking SVG clock
Driven by Date.now(), no JS clock libraries.
Pinned horizontal collection
5 watches scroll past as you scroll vertically.
Magnetic product tiles
Pointer-tracked translate on hover.
Escapement path-draw
stroke-dasharray animation as section enters view.
Mask-reveal headlines
clip-path: inset() driven by scroll.
Verified Unsplash IDs
Every image HEAD-checked before ship.
Warm paper palette
#F3EDE0 background, #1B1410 ink, #8E5A1C bronze.
— The stack
Fraunces, GSAP, and a real second hand.
- CMS
- WordPress theme · drop into Local's themes folder
- Anim
- GSAP + ScrollTrigger pinning, IO for reveals
- Type
- Fraunces (display) + Inter (body) + JetBrains Mono
- Images
- 13 verified Unsplash IDs, all HEAD-checked
- Build
- No build step — content lives in front-page.php arrays
- Clock
- Pure SVG, requestAnimationFrame, accurate to the second