Contents · Music manual

Setting up

Designs, pages and menus

The seven designs and seven colour palettes of the Music theme, how to preview and choose one, and the pages and menus the setup wizard makes.

On this page

The Music theme comes with seven designs. A design sets the fonts, shapes, home page layout and mood; a colour palette sets the accent colours. Your content stays the same whichever you choose: your instruments, tutors, lessons, prices, events and opening hours fill every design automatically. You can change design at any time without losing anything.

This chapter shows each design, then the pages and menus the kit makes. For the general steps (logo, menus, sticky header, footer) see Your look.

How to choose a design and colours

  1. Go to Site Settings → Design & colours.
  2. Under Design, click a design. Each one has a short description.
  3. Under Colour palette, choose The design's own colours or one of the seven palettes: Coral, Teal, Emerald, Plum, Cobalt, Navy & red or Charcoal & gold.
  4. Under Header, tick Keep the menu at the top when scrolling if you want the menu always in view.
  5. Click Preview on the site. The home page opens in a new tab with your choice, just for you. Visitors still see the old look.
  6. When you're happy, click Save.
The Design & colours screen, with the seven designs (Classic, Amp, Little Notes, Recital, The Staff, Stage Lights and Studio Colour) as cards with descriptions, the colour palette choices below, the sticky header switch and the Preview on the site and Save buttons

The seven designs

Classic

Light and warm: ivory pages, white cards, elegant serif headings and a slideshow in the hero. A safe choice for most schools.

The Classic design's home page on a computer: a serif heading "Learn to play the music you love", a photo slideshow of a piano lesson, the next event, a row of instrument buttons, instrument photos and lesson cards with prices
The Classic design on a phone: the school name and menu button, the heading, Book a trial lesson and Meet our tutors buttons and the photo slideshow

Amp

For band, rock, pop and production schools: near-black pages with one neon colour, huge capitals, a glowing photo with a waveform, instrument cards, band places, the free slots this week and practice tools.

The Amp design's home page: black background, huge white capitals "Start a band. Get loud.", orange Book a taster and Join a band buttons, instrument cards and the lesson prices
The Amp design on a phone, with the big capitals heading and orange buttons stacked one above the other

Little Notes

For children's music schools, where parents book: rounded type, cream paper, round photo bubbles, chunky outlined buttons, classes by age, a three-tap trial booking and a holiday camp section.

The Little Notes design's home page: a notice bar about a holiday music camp, the heading "Big sounds for little musicians", round photo bubbles of a xylophone and ukuleles, and age group buttons
Little Notes on a phone: the notice bar, the heading, Book a free trial and Find a class by age buttons, photo bubbles and the age groups 3–4, 5–7, 7–9 and 9–11

Recital

For conservatoires, academies and grade-exam schools: an elegant high-contrast serif with italics, ivory pages, square buttons, piano-key stripes, a department index, a fee ledger, a grade staircase and a black concert band.

The Recital design's home page: a notice bar with the next open day, the heading "Music, taught beautifully" beside a photo of a pianist on stage, a list of departments (Drums, Guitar, Music theory, Piano, Singing, Violin) with tutor counts, and black and white tutor portraits with each tutor's next free time
Recital on a phone, with the italic heading, a Book a trial lesson button and the pianist photo

The Staff

Editorial and calm, with music staff lines behind headings and lessons listed like a concert programme.

The Staff design's home page: a serif heading with staff lines behind it, dark square buttons, instrument buttons and lessons listed with dotted lines like a concert programme
The Staff on a phone

Stage Lights

Dark and dramatic like a concert hall, with numbered lessons, one big testimonial and gold accents.

The Stage Lights design's home page: a dark purple hero with a gold Book a trial lesson button, then light sections with instrument buttons and numbered lessons with prices
Stage Lights on a phone

Studio Colour

Bright and family-friendly, with colour tiles, rounded shapes and speech-bubble testimonials.

The Studio Colour design's home page: a bold heading, purple rounded buttons, pastel instrument tiles and lesson cards in purple, pink, gold and dark colours
Studio Colour on a phone

The pages the kit makes

The setup wizard adds these pages (you can leave some out). Edit their words and pictures as described in Pages and content.

PageWhat's on it
HomeThe design's home page: hero, instruments, lessons and prices, tutors, events, testimonials and a booking button
Lessons and pricesYour lesson types with lengths and prices, a price table and why to learn with you
Book a lessonThe online booking form (see Online booking)
About usYour story
ContactYour address, map, phone, opening days and the contact form
FAQYour questions and answers
NewsYour blog posts
Practice tools (Pro)The tuner and metronome (see Practice tools)
Terms and conditions, Privacy policy, Cookie policyStarter legal pages filled from Settings → Privacy
Photo creditsCredits for the sample photos
The About us page in the Amp design, with the school's story and photos

These pages are made for you from your records, so you don't edit them as pages:

  • Tutors (/tutors/) and each tutor's own page, from Music school → Tutors;
  • Events (/events/) and each event, from Events;
  • Gallery (/gallery/) and each album, from Gallery;
  • Resources (/resources/) and each resource, from Resources.
The Lessons and prices page in the Amp design: each lesson type numbered with its description, length, price and a Book link, the Group class marked "Ask us about this", and a price table below

The menus

The wizard sets up:

  • The main menu: Home, Lessons, Tutors, Events, Discover (a drop-down with Gallery, Resources, News, About and FAQ) and Contact, with a Book a lesson button on the right. In some designs the header also shows whether you're open now, for example "Closed · opens Wed 15:00", worked out from your opening days.
  • The footer: your name and tagline, a Lessons column (Lessons and prices, Book a lesson, Our tutors, Events), a The school column (About us, Gallery, Resources, FAQ, Contact), and Visit us with your address, phone, email and opening days. Along the bottom: the copyright line, the legal pages, Cookie settings, Photo credits and Staff sign-in.

On a phone, the main menu folds into a menu button at the top right.

To change the menus, see Your look. The address, phone, email and opening days come from Music school → Settings, so change them there and every page updates.