Musical orrery 3D Animated HTML website template

The sample page

Widdershins. Musical orrery workshop in Buttevant, Ireland.

The idea

Each planet’s real orbital period becomes the rhythm of the music: eight brass arms turn with the sky of the date you pick and ring 102 bells.

What to try

Pick a date (your birthday will do) and press “Listen”; mute planets to hear each voice, change the tempo, drag to turn the plate, and ask about Pluto.

Made for

Clockmakers and instrument workshops, science museums, planetariums, handmade luxury brands and music releases

Palette

• #0B0D12
• #151922
• #EFE7D6
• #D9B56C
• #9C7A3A
• #FFC680

Typefaces

IM Fell Double Pica + Spectral

Cultural notes

• Real positions (JPL orbital elements, 1800 to 2050), checked against an ephemeris; no astrology, no horoscopes.
• It starts silent: sound plays only when you ask, from bells synthesised in the page, with no audio files.
• An original instrument, not a copy of any historical orrery; its own WebGL2 3D engine, with a flat SVG drawing as fallback.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.