Mood & theme

Mountify does not hand you a blank page builder. Instead you pick a mood, a finished style with curated typography, shapes and atmosphere, and the whole page falls into place. On top of that you choose a light or dark background, your brand colour and, if you like, a headings font and a few structural details. It all lives in Setup → Public site, in the Look group of Page settings, and every change saves the instant you click it.

Order matters. Theme and mood first, then your colour, then the details. Start from the colour and you’ll end up changing it three times.

The Look group has four rows, each showing its current value: Style & colour (the mood’s name and Light or Dark, with a dot in your brand colour), Fine-tuning, Components and Font (the last three read Default until you change them).

1. «Style & colour» — the whole look on one screen

Click the Style & colour row. The hint reads: “Mood, a light or dark background and your brand colour. Your content stays yours.” The screen has three blocks, top to bottom: Theme, Mood and Brand colour.

Theme — light or dark

Two pills, Light and Dark, with the hint “A light or dark background for your booking page.”

Only this switch decides light or dark. Picking a mood never flips your page to dark or back. Every mood has both a light and a dark version, so all 23 work with either theme. When you switch, the mood cards below and the preview on the left repaint at once.

Mood — 23 finished styles

Under the theme there is one grid of 23 cards. Each card is a tiny mock-up: a heading line and an accent button on that mood’s own paper, drawn in the theme you picked. The selected card has a frame and a tick. One click applies a mood. Your theme stays as it is, and so does your brand colour if you set one.

Mood	Suits
Warm & welcoming	the default: a universal, friendly salon
Calm & serene	spa, massage, skincare
Playful & fun	kids’ studios, bright brands, nails
Refined & editorial	hair studios with a magazine look
Luxe & exclusive	premium services, gold accents
Clean & minimal	clinics, practices, “nothing extra”
Fresh & vibrant	fitness, wellness, green
Natural & earthy	eco skincare, organic brands
Dark & moody	evening studios, tattoo, bars
Retro & warm	barbershops, classic styling
Soft & sweet	nails, brows, pastel brands
Cool & coastal	pools, seaside venues
Bold & dramatic	a strong brand, red and black
Energetic & sporty	gyms, tennis, CrossFit
Chic & boutique	small boutique studios
Confident & corporate	clinics, dentists, offices
Dark forest	nature and wood
Dark & crafted	barbershops, craft brands
Neon & cyber	late-night venues, bright neon
Cherry & charcoal	a deep red palette
Warm spice	warm, spiced tones
Navy & linen	restrained and classic
Crimson & cream	high contrast, memorable

“Dark” in a mood’s name describes its character, not the background. Dark & moody, Dark forest, Dark & crafted and Neon & cyber were drawn with a dark background in mind. To see them the way they were designed, set Theme to Dark. Until you do, they stay light like any other mood.

Brand colour

The last block. The hint reads: “Accent colour for buttons and highlights. Without your own, the style’s colour is used.”

1. A row of six round swatches: colours suggested for your current mood. One click selects one, and the chosen swatch gets a ring.
2. Next to or pick your own brand colour there is a colour square. Click it and choose any colour you like.
3. Once you have your own colour, a Use style colour button appears. It clears yours and brings back the mood’s colour.

What the colour tints: primary buttons, active states, the stars on reviews and the promo-code chip on banners. With the Sheet layout and no photos yet, it’s also the background of the band on top. The dot on the Style & colour row shows it too, so you can see your colour without opening the section.

Contrast tip: on a dark theme a dark colour makes buttons melt into the background. Start from the suggested swatches, then fine-tune.

2. «Fine-tuning» — optional

Hint: “Optional — corner shape, density and shadows.” Three switches:

Field	Options	Default
Corners	Sharp · Soft · Round	Soft
Density	Compact · Balanced · Spacious	Balanced
Shadows	None · Subtle · Lifted	Subtle

• Corners changes the radius of every card and button. Round gives a pill; Sharp gives a rectangle.
• Density changes spacing. Compact fits more services on screen, which suits a long menu; Spacious gives the page more air.
• Shadows decides whether cards hover above the paper.

As soon as one of them differs from the default, the row reads Custom. The Reset to style defaults button at the bottom puts all three back.

3. «Components» — optional

Hint: “Optional — the main button, cards and logo.”

Field	Options	Default
Primary button	Solid · Outlined · Ghost · Underlined	Solid
Cards	Standard · Flat · Elevated · Pill	Standard
Logo shape	Circle · Rounded · Square	Rounded

With Sharp corners, Pill cards stay sharp, and the section tells you so under the Cards switch. Reset to style defaults works here too.

Careful: Ghost and Underlined make the primary button far less noticeable. On a booking page the primary button is what brings in bookings. Don’t hide it unless you’re sure.

4. «Font» — for the headings

Hint: “The font for headings. Optional.” On top sits Style default (the mood’s own choice). Under it are 45 families in four groups, and each chip is drawn in its own font:

• Sans serif (18): Inter Tight, Geist, Roboto, Open Sans, Manrope, IBM Plex Sans, Montserrat, Raleway, Hanken Grotesk, Archivo, Outfit, Jost, Space Grotesk, Bricolage, Rubik, Ubuntu Sans, Sofia Sans, Tenor Sans;
• Serif (15): Fraunces, Lora, Merriweather, PT Serif, EB Garamond, Playfair, Cormorant, Noto Serif Display, Bodoni Moda, DM Serif, Old Standard, Yeseva One, Forum, Roboto Slab, Bitter;
• Display (8): Anton, Oswald, Russo One, Exo 2, Unbounded, Fredoka, Nunito, IBM Plex Mono;
• Handwritten (4): Caveat, Shantell Sans, Pangolin, Lobster.

The font paints headings only. The note under the chips says it plainly: “The font is for headings. Body text and numbers keep the base font everywhere, so they read easily on any screen.” So your salon name and the headings change, while descriptions, prices, times and totals always stay in the clean base font, in every mood and on both themes. That’s deliberate: a decorative font is lovely in a headline and hard to read in a price list.

All 45 are free fonts, and your page loads only the one you pick.

Headings in Bulgarian or another Cyrillic language? 35 of the 45 fonts include Cyrillic letters. Ten are Latin-only: Hanken Grotesk, Archivo, Outfit, Space Grotesk, Bricolage, Fraunces, Bodoni Moda, DM Serif, Anton and Fredoka. With one of them, headings in Cyrillic are drawn in a plain fallback font, not in the face you see on the chip. The preview shows this honestly, so check your salon’s name there before you settle on a font.

5. Check both screens

1. Above the preview switch to Mobile, because that’s what most people see.
2. Switch to Desktop and check the same thing on a big screen.
3. Press Open page and look at the real page.
4. Open it on your own phone too, in daylight. A dark theme outdoors in the sun looks very different from a dark theme on a monitor.

How to choose if you can’t decide

1. If your place is bright and welcoming, leave Theme on Light. If it’s an evening, atmospheric venue, switch to Dark.
2. Pick the mood that best matches the feeling of your salon. Ignore colour for now.
3. Pick a brand colour from the suggested swatches, or use your logo’s colour.
4. Stop there. Leave Fine-tuning, Components and Font alone on day one.

Troubleshooting

Symptom	Cause	What to do
I picked Dark & moody and the page stayed light	A mood doesn’t change light or dark	Style & colour → Theme → Dark
My page is dark and I want it light	The theme is set to Dark	Style & colour → Theme → Light
The buttons are barely visible	The colour is too close to the background, or Primary button is Ghost	Pick a suggested swatch; go back to Solid
My colour isn’t applied	The request failed	Check the title row reads Saved, not Not saved
I want the mood’s colour back	Your own colour always wins	Press Use style colour
I picked a font but prices look the same	The font is for headings only	That’s by design: text and numbers stay in the base font
The heading in Bulgarian looks different from the font chip	The font has no Cyrillic letters	Pick a font outside the ten Latin-only ones
My logo is round and I want a square	Shape is a separate setting	Components → Logo shape
Pill cards look square	Corners is Sharp	Set Corners to Soft or Round
The change isn’t live yet	The public page’s short cache	Wait half a minute and hard-reload with Ctrl+F5

What’s next

• Brand your page: logo, name, photos: the content the style dresses.
• Classic or Sheet: your home layout: the structure the style dresses.
• Page photos & gallery: how photos work with the mood you chose.
• Promo banners on your page: banners carry their own colours, independent of the mood.