Sound and Audio Studios - Template

Audio people read waveforms, not grids. Mono turns the whole page into a session: the scroll is the playhead, the transport bar at the bottom keeps the timecode, clicking the waveform seeks, and with sound switched on every track plays its own note.

Signature interaction. A waveform timeline the scroll plays, with a transport bar, click-to-seek and opt-in Web Audio notes. No audio files to license.

Features

• Scroll-played waveform. The page is one session: the playhead and timecode follow the scroll.
• Transport bar. Fixed at the bottom, with the current section, meters and click to seek.
• Notes you can hear. Switch sound on and each track plays a synthesised note. Nothing autoplays.
• Track list. Every project as a numbered track with its own mini waveform.
• Rooms and credits. Room cards with gear lists, a credits grid and studio facts.
• Track pages. Each project with its own waveform, details, brief and images.

What's included

• A home page and 10 track pages, generated from one content file
• Every word, image, link and colour in content.json, so no code changes are needed to make it yours
• README and a buyer guide for editing, building and deploying
• The Studio Engine: Vite, TypeScript, smooth scrolling and animation
• Self-hosted open licence (OFL) fonts and generated placeholder images
• QA notes with the test results

Built right

• Lighthouse mobile 97 to 100 performance, 100 accessibility, best practices and SEO
• Keyboard accessible, works without JavaScript and respects reduced motion
• About 60 KB of JavaScript gzipped
• Deploys as static files to any host