Tempo is a complete one-page website template for piano teachers, private studios and small music schools.

It is built with plain HTML, CSS and JavaScript — no frameworks and no build step. The page combines a warm recital-programme aesthetic with a clear, practical structure for turning interest into trial lessons.

What's included

• Complete index.html, styles.css and script.js

• 12 sections: editorial hero with an inline SVG piano stage, lesson paths, teacher story, studio gallery, weekly schedule, fee cards, student notes, FAQ and enrolment form

• Responsive layouts for desktop, tablet and mobile

• Bodoni Moda and DM Sans fonts, bundled locally with their OFL licences

• Inline SVG artwork, matching favicon and editable design tokens

• Lesson-path prefill, native form validation and a focused success state

• Accessible mobile navigation, native FAQ accordion and reduced-motion support

The design

A warm editorial palette of parchment, ink, brass and plum, paired with high-contrast Bodoni Moda display type and clean DM Sans text. The metronome, staff lines and keyboard illustration give the page a precise, musical signature without relying on stock photography.

Easy to customise

All core colours, typefaces and spacing live in CSS custom properties at the top of styles.css. Change the tokens to rebrand the whole site. Copy, lesson names, teacher details, fees, schedule and contact information are plain HTML. Connect the enrolment form to your email service, Formspree, Netlify Forms or your own endpoint.

Files and licence

The ZIP includes the complete site, bundled fonts and their licences. Open index.html directly or upload the folder to any static host. Sold under the Extended licence: use it for one end product, including client work. Do not resell or redistribute the template itself.