← All website designs
Schools & Education · Free to copy

Octave

A warm, patient design for music schools that fill trial lessons.

Preview live

Yours in seconds, on your own URL. Free.

Octave music school website template — full design preview
Warm ivory, wood-toned photography, and one deep plum accent. Starting ages on every instrument, tuition in plain numbers, and a recital card that never goes stale. For the school where beginners are the point. Open the live demo

The design, up close

Every section ships exactly like this — swap the words and photos for yours.

No editor to fight. Just ask.

Once it's yours, your AI (Claude, ChatGPT, Cursor…) stays connected — these are real requests it handles.

“Move the recital card to Saturday, May 16 at 2pm at the Grange Hall and retitle it the Spring Recital.”
“Raise the 45 minute rate to $180 and add a note that drum slots are waitlisted until January.”
“Add a fourth teacher card for Priya, cello and music theory, ten years teaching, with the photo I uploaded.”
“We teach saxophone now. Add a seventh instrument tile, starting age 9, with an encouraging line about the first honks.”
“Swap the hero for the photo I just uploaded and change the accent from plum to a deep forest green.”

Design details

A hero that disarms beginners

An upright piano in window light under one line: everyone is beginner-friendly here, even the drums. Nervous parents and nervous adults both exhale.

Six instruments with starting ages

Piano, guitar, voice, drums, violin, ukulele, each tile answering the first question every parent asks, what age can we start, before they have to ask it.

The honest practice paragraph

Fifteen minutes most days beats two hours on Sunday, stated right on the site. Setting expectations up front means fewer quiet quits in month two.

Tuition in plain numbers

Monthly rates by lesson length, a sibling discount, and a free first trial. Naming the price fills more trial slots than hiding it ever has.

A recital card your agent keeps current

Twice a year, low pressure, cookies afterward. When the date or venue changes, one sentence to your AI updates the card.

Ivory, ink, and one plum accent

Wood-toned photography over a warm ivory ground with a single accent variable. Change one line of CSS and the whole school re-tunes.

How it works

01

Copy it

One click puts this exact site on your account, live at your-name.hatchable.site. The code is yours — no lock-in, no "Powered by."

02

Make it yours

Connect your AI and talk: "swap in my photos," "change the name to Lupa," "rewrite the about page." It edits the real files and redeploys in seconds.

03

Point your domain

Keep the free URL forever, or put the site on your own domain when you're ready.

Start with Octave tonight.

Free to copy, live in seconds, and every future edit is one sentence to your AI away.