Contents · Tutor manual

Setting up

Designs, pages and menus

The five Tutor designs and their seven colour palettes, how to preview and choose one, and the pages and menu the kit makes for you.

On this page

The Tutor theme has five designs. Each one has its own fonts, shapes and home page sections, and seven colour palettes. Your tutors, lessons and bookings are kept separately from the design, so you can change the look at any time without losing anything.

The five designs

DesignBest forWhat it looks like
Campus (the default)Tuition centres with a busy weekA visible grid, square corners, numbered sections, a subject and year-group finder, the weekly timetable as a grid tinted by subject, and a subjects × levels table.
Bright MindsPrimary-age centres, 11+ and holiday clubsRounded colour tiles with ink outlines, chunky soft type, a bento of photos, a stage picker, seat squares on every group and speech-bubble reviews.
NotebookIndependent tutors and small centresWarm ruled paper with a red margin and handwritten notes, a serif with italic accents, taped photos, a contents page of subjects, index-card tutors and a dotted price list.
AcademyCentres that sell results and a quick match to the right tutorBright and modern: bold blue-to-sky gradients, pill buttons and chips, a glowing welcome with glass cards, a dark band of numbers, subjects as colour cards, photo cards for the ways to learn, price cards with the free assessment highlighted, your latest news and a gradient call to action.
ScholarGCSE, A level, university entrance and adult learnersCalm and editorial: a display serif with a clean sans, arch-topped photos, hairline rules, a results band, a course catalogue by level and a fees table.

The home page holds a set of sections for each design. Only the set for the design you choose is shown, so each design really does look different, not just in colour.

The Campus design on a computer: the term notice bar, the menu, the "Tuition that fits your week" welcome with a subject and level finder, this week's group sessions, the facts band and the subjects by level table

On a phone, the menu folds into a button at the top right and every section stacks into one column. Nothing scrolls sideways.

The Campus design on a phone: the menu button, the welcome, the subject and level finder stacked into one column and the photo

The other four designs, each on its own home page sections:

The Notebook design on a computer: warm ruled paper with a red margin line, handwritten notes in the margin ("est. 2014, West Bridgford"), the serif headline "Patient tuition, one page at a time." with a red italic accent, taped photos with handwritten captions, a dark strip of figures and the "What we teach, and to whom" contents page of subjects
The Bright Minds design on a computer: a yellow term strip, a rounded menu, the chunky headline "Little steps, big leaps." in a rounded outlined tile beside a bento of photo and colour tiles (4–11, 6 children per group), the stage picker tabs with a club and its photo, and the coloured subject tiles
The Scholar design on a computer: a dark green term bar, a centred logo, the display serif headline "The grades that open the next door." with green italics beside an arch-topped photo and an "Est. 2014" seal, the results band with hairline rules, and three arch-topped photos for the ways to study
The Academy design on a computer: a dark term bar, the name beside a pill-shaped menu and a blue "Book a free assessment" button, the bold headline "Find the right tutor, and watch confidence grow." with the second half in a blue-to-sky gradient, three buttons, three small cards (DBS, 1:1, Online), and on the right a rounded blob-shaped photo of two students with glass cards for the free first lesson and "Matched within a day", a tutor's portrait, then a dark band of numbers

On a phone, Academy's photo becomes a rounded card with the price of the first lesson on it, and the buttons stretch across the screen:

The Academy design on a phone: the menu button, the welcome headline with its gradient words, three full-width buttons, the three small cards and the rounded photo with "Your first lesson: Free" on it

Colour palettes

Each design comes with The design's own colours plus seven palettes: Cobalt, Teal, Emerald, Plum, Coral, Navy & red and Chalkboard (Academy's are Bold blue, Teal, Violet, Emerald, Sunset, Navy & gold and Midnight). Only the chosen design's palettes are offered. A palette changes the buttons, links, highlights and accent colours. Chalkboard (and Academy's Midnight) is a dark palette: the page turns dark and the palette colours the buttons and highlights. Every palette is checked so text stays easy to read.

The Campus design with the Teal palette: the same home page with teal headings and buttons
The Campus design with the dark Chalkboard palette: a dark green page with cream text and yellow buttons
The Campus design with the Plum palette on a phone, with purple headings and buttons

How to choose a design and palette

  1. Go to Site Settings → Design & colours.
  2. Under Design, click the card for the design you want.
  3. Under Colour palette, click a palette, or leave The design's own colours.
  4. Under Header, leave Keep the menu at the top when scrolling ticked if you want the menu always in view.
  5. Click Preview on the site. Your home page opens in a new tab with the new look, just for you. Visitors still see the usual look.
  6. When you are happy, go back and click Save.
The Design & colours screen with the five design cards (Campus, chosen, then Academy, Bright Minds, Notebook and Scholar), each with a sample heading, button and a line about who it suits, and below them the first colour palettes: The design's own colours, Cobalt, Teal, Emerald, Plum and Coral

For your logo, the footer and the other look settings, see Your look.

The pages the kit makes

The setup wizard makes these pages for you. You find them all under Pages.

PageWeb addressWhat's on it
Home/The welcome, a finder, this week's groups, subjects and levels, lesson types, tutors, reviews and term dates (the sections depend on the design).
Our tutors/tutors/Every tutor with a filter by subject, level and online or in person, and each tutor's next free time.
Subjects and prices/subjects/The subjects × levels table, each subject with its tutors and exam boards, and your lessons with prices.
Book a lesson/book/The booking form. See Online booking.
Group sessions/groups/(Pro) The weekly timetable of groups and the sessions coming up, with places left.
Lesson packages/packages/(Pro) Your packages and the form to buy one.
Term dates/term-dates/(Pro) Your terms, half terms and closures.
Enquire/enquire/The parent enquiry form. See Enquiries and messages.
Contact/contact/Your address, phone, email, opening hours and the contact form.
Terms and conditions, Privacy policy, Cookie policyStarter legal pages filled in from your settings. See Privacy and emails.
Photo credits/credits/Credits for the sample photos. Remove it when you use your own photos.

Each tutor also gets their own page at /tutors/their-name/. See Tutors.

The Pages list with Home, Our tutors, Subjects and prices, Book a lesson, Group sessions, Lesson packages, Term dates, Enquire, Contact, the three legal pages and Photo credits
The Our tutors page: filters for subject, level and online or in person, and a card for each tutor with their subjects, levels, next free time and a Book a trial button
The Subjects and prices page: level buttons, the table of subjects by level showing one-to-one, group and online, and the list of subjects with their tutors and exam boards
The Term dates page with the Autumn, Spring and Summer terms, each with its start, half term and end
The Contact page with the address, phone, email, office hours and a contact form with a "What's it about?" choice

To change the words and photos on any page, see Pages and content.

The menu

The header has:

  • A notice bar at the very top with the current term and half term (it links to Term dates), and quick links to Term dates, Group sessions and Book a lesson.
  • Your name and logo on the left.
  • The menu: Tutors, Subjects and prices, More (Group sessions, Lesson packages, Term dates), Enquire and Contact.
  • Two buttons on the right: Enquire and the main booking button (on the demo, Book a free assessment).

The footer repeats the main links, your phone, email and the term dates, the legal pages, Cookie settings and Staff sign-in.

To change the menu, see Your look.