Your public website
What every studio gets at its own address, the shape of the page, and choosing a template and colours.
Every studio gets a public one-page website at /{your-slug} — the same slug
that carries your registration link and your kiosk. You do not need a designer,
a domain or a hosting bill: you pick a template, fill in a few boxes, and press
Publish.
Studio then Website is where you build it. Owner and Admin.
What you get before you touch anything
Your public address works from day one. Until you publish a website, a visitor
to /{your-slug} sees a deliberately plain page: your logo, your studio name,
your town, a big Register Now button, your email and phone, and a short
"not ready to register?" enquiry form.
That page is not a placeholder to be embarrassed about — it converts perfectly well, and it is what visitors go back to if you ever take your site offline. The builder is for when you want something with more to say.
One page, one address
This is a single-page site with anchored sections, not a multi-page website.
There are no extra pages to create, no blog, no navigation to design. There is
also no custom domain — the address is /{your-slug} on Dojo Tiger, and
changing your slug changes it. See
Studio details and branding
before you change a slug.
The shape of the page
Top to bottom, always in this order:
| Section | Contents | Optional? |
|---|---|---|
| Hero | Headline, subheadline, image, a call-to-action button | Yes |
| About | Title, body text, image | Yes |
| Programs | Built from your programs — you do not write it | Yes |
| Schedule | Built from your class schedule — you do not write it | Yes |
| Gallery | Your photos, in one of three layouts | Yes (off by default) |
| Contact | Email, phone, address and a second CTA button | Yes |
| Enquiry form | "Have a question first?" — captures leads | No, always on |
Every optional section has a checkbox in the header of its card in the builder. Unticking it removes the section from the page, and from the site's own navigation, without deleting anything you have written.
Programs and Schedule additionally disappear on their own if there is nothing to show — see What fills itself in.
Choosing a template
The General card at the top offers four, each shown as a small live preview drawn in your colours, so you can see what your palette does to each one before committing.
| Template | Described as | The feel |
|---|---|---|
| Classic | Clean and professional | A pale page with a coloured header and alternating bands. The safe choice, and the default. |
| Bold | Dark and dramatic | Near-black background with bright accents. Reads well for adult combat-sports programs. |
| Minimal | Elegant and refined | Lots of white space, light type, restrained. |
| Modern | Gradients and rounded cards | Softer and more consumer-app; suits kids' programs. |
Click a preview to select it — the selected one gets a ring and a tick. Every template renders exactly the same content, so switching later costs you nothing you have written. Switch as often as you like on the draft, look at it in preview, and publish when you are happy.
Your colours
The Colors card takes three, each with a colour picker and a text box:
- Primary — buttons, links, highlights. Your loudest colour.
- Secondary — headings and dark bands. Usually the deeper of your two brand colours.
- Accent — the background tint on alternating sections. Keep it pale; it sits behind body text.
Each must be a six-digit hex value like #e63946. The text box will refuse
#fff, red, or anything else.
The template previews update as you change them, which is the quickest way to see whether a palette works before you look at the whole page.
Two dark colours will fight
Primary and Secondary both carry text and both sit on light backgrounds. If they are close in tone, headings and buttons stop being distinguishable. Pick one dark, one saturated, and keep Accent nearly white.
Saving is not publishing
The two buttons at the bottom do different things, and this is the part of the screen worth understanding before anything else:
- Save Draft stores your work. Your live site does not change.
- Publish takes what you have on screen, saves it, and makes it live.
Full explanation, including the preview URL, in Draft, preview and publish.
Where to start
- Pick a template and set your three colours.
- Write the hero — that headline is most of the page's job.
- Turn Programs and Schedule on and check they look right.
- Add an About paragraph and a photo.
- Fill in the SEO fields.
- Save Draft, look at the preview, then Publish.
Articles for each step: Hero, about and gallery · What fills itself in · Draft, preview and publish · SEO and capturing leads
Last reviewed