Arbrel

Arbrel is a website template for independent watchmakers, restoration workshops and small watch brands.

The home page opens on a watch movement set on an enamel dial. Scroll, and it lifts apart into an exploded drawing: plates, bridges, gear train, pallet fork and balance wheel separate layer by layer, each named by a hairline label. Midway, the camera moves in close on the balance wheel ticking at one-eighth speed, then pulls back. Scroll up and the watch reassembles. Built in three.js inside the template, running at 60 fps.

The rest of the site keeps the look of a watch dial: headlines on arcs, minute tracks, dimension lines and title-block tables instead of card grids.

Pages

• Home, Collection and Calibre detail (CMS)

• Atelier, Servicing and Book a visit (working form)

• 404: "This page has stopped."

Included: 3 CMS collections, navigation with a phone drawer, buttons with hover and pressed states, 6 colour styles, 9 text styles, and desktop, tablet and phone layouts on every page. The movement's text, 12 part labels and colours are all editable from the right-hand panel.

Limitations: the movement is procedural, so you can't load your own 3D model. It needs WebGL; without it, the page still shows all content.

Buying: after checkout you get the remix link instantly, on screen and by email.