A crafted, musical first impression
Quiet, formal, and explaining art direction and Cormorant Garamond headlines paired with Newsreader body text give the opening experience a distinctive but coherent voice.
pianolightclaret
Prelude
A quiet, formal, and explaining website for music schools and lesson studios
Live template previewLive desktop preview
Open full siteExplore the Complete Prelude Website
Open the responsive live demo for the best experience on a smaller screen.
Open Live PreviewPrelude at a glance
Included pages13
- Home
- Piano lessons
- Teachers
- Schedule
- How tuition works
- Recitals
- Start here
- Policies and studio practices
- Gallery
- Questions
- Contact
Also included
- Privacy
- Accessibility
Features
- Responsive navigation
- Team profiles
- Parent reviews
- Process
- FAQs
- Services
- Gallery
- Credentials
Behind the design
Teachers, instruments and recitals from the first screen
Prelude gives music schools and lesson studios a quiet, formal, and explaining foundation for presenting their school, lessons, and teachers. Cormorant Garamond headlines paired with Newsreader body text and a structured multi-page journey organize what to expect, trust-building proof, and a clear inquiry path without losing the template’s distinct visual character. The result is a complete, customizable starting point that helps visitors understand the school and find a relevant next step.
A strong fit for
- Schools with a faculty across instruments and a weekly schedule
- Community schools presenting lessons, ensembles and recitals
- Rock and band schools presenting levels, shows and a trial lesson
Details without the overwhelm
The multi-page structure separates the essential information into a clear, approachable browsing path.
Proof in the right places
The site supports credibility through parent reviews, team introductions, and credentials.
The next step stays visible
A dedicated tour, trial class or registration link keeps the transition from consideration to contact visible and straightforward.
Design DNA
The visual system at a glance
Character
Quiet, formal, and explaining
Typography
Cormorant Garamond headlines paired with Newsreader body text
Motion
Gentle fade-up section reveals
Your content, this foundation
Make Prelude your own
Start with the complete design, then customize its pages, imagery, copy, and brand settings in ModernSite.
