Design your website

Themes, font pairs and your own CSS with a live preview; a layout for each section; and the sections you can add.

Transcript

Season 12, episode 1 · the portal · 1:26

Themes, font pairs and your own CSS with a live preview; a layout for each section; and the sections you can add.

Chapters

  • 0:00 Introduction
  • 0:06 Theme and fonts
  • 0:36 Sections and layout

Script

[0:00] In this video, you’ll change how your studio’s website looks, and watch it change as you go.

Theme and fonts

[0:06] Under Website, Settings, choose one of ten themes. Each uses your studio’s colours and logo, and keeps them readable.

[0:14] Further down, a preview shows your home page with these choices, and updates as you pick.

[0:20] Then a pair of fonts, for headings and text. The fonts are served by your own site, so nothing loads from Google.

[0:27] If you know CSS, add your own. Anything that could load another site or run code is removed when you save.

Sections and layout

[0:36] In the page editor, a live preview of the page sits beside the fields.

[0:41] Each section has a Layout. For this banner, its width, its spacing, its background and its alignment.

[0:48] Text, lists, teachers and galleries can also have up to three columns, and every change shows in the preview at once.

[0:57] Add a section opens the list of everything a page can hold.

[1:08] A gallery, a slideshow, a video, a YouTube or Vimeo video, a map or an Instagram post, lessons and prices, and more.

[1:18] Videos, maps and posts from other companies show a still and a button, and only load when a visitor presses it.

See TempoSuite in your studio

Start free, with 14 days of the Studio plan to try everything. Every tutorial is recorded from the real product: a studio set up and branded, lessons booked, a website published, a family paying online, and a week of practice read at a glance.