Mirror and Moss Salon
A hair and beauty salon website template: the menu as a designed spread, six stylists with their work, a gallery, and WhatsApp booking that names the stylist.
Designed for
- Hair salons that book by WhatsApp or phone
- Salons with several stylists whose clients choose their own
- Hair and skin studios with facials and brows beside the cuts
- Bridal and occasion hair specialists
Key highlights
- Oversized statement over the salon's mirror wall
- Eight services with prices as an asymmetric spread
- Full menu in four sections with durations
- Six stylist pages with three works each
- Booking message that names the stylist
- Sixteen-photograph gallery in a mixed-size grid
- Slow word marquee that pauses on hover
- The founders' story and the space
- Metro directions on the contact page
About this template
Mirror and Moss is a website template for a hair and beauty salon with a personality: the menu as a designed spread rather than a price list, the stylists as people with their work, and a booking that is a WhatsApp message with the stylist's name already in it. The demo is a six-stylist salon in Mexico City's Roma Norte with a terrace, prices in pesos and warm, bright photography.
The home page opens on an oversized statement over the mirror wall with 'Book on WhatsApp', then eight services with prices in an asymmetric spread, a full-width photograph of the terrace, the six stylists as portraits that reveal their work on hover, a mixed-size gallery of eight, three client words and the hours, address and map. Services carries the full menu in four sections (Hair, Colour, Skin, Occasions) with prices and durations, one photograph per section, sticky section links on desktop and a book button that opens WhatsApp with the service, stylist, day and time prepared. Team gives each stylist a page with a portrait, specialities, the days they work, Instagram and a book button that names them. Gallery holds sixteen photographs revealing on scroll. The salon tells the founders' story, shows the space in five photographs and lists the products used. Contact gives the address, hours, phone, WhatsApp, email, Instagram, the map and how to come by metro.
To make it yours, describe your salon in a chat with Firevibe: your services with prices and durations, your stylists with portraits, their work and their days, your photographs, your story and your WhatsApp number. The spread, the stylist pages and the booking messages are rebuilt around them.
Best use cases
Neighbourhood hair salon
Cuts, blow-dries and treatments on the spread, the stylists with their days, the hours and the metro: a visitor checks the price, picks a person and books in one message.
Colour and balayage studio
Colour entries carry starting prices and durations, and the stylists' pages and the gallery put the colour work beside the book button.
Hair and skin salon
Facials and brows share the menu with hair under their own Skin section, with the facial rooms photographed on the salon page.
Bridal hair
The Occasions section lists bridal styling with the trial and the day, and the occasion stylist's page carries their work and a named booking button.
How it works
Use the template
Sign up or log in, and the template's code is copied into a new project of your own. The site is served right away, at its own address.
Change it by chat
Describe what you want different: the words, the images, the pages, the colors. Firevibe edits the code and the preview updates.
Publish
Put the site live on a firevibe.dev address, or connect your own domain.
Features
Statement over the mirror wall
The hero's oversized line washes in with colour from left to right as the page loads, the home page's one orchestrated moment.
Scroll-aware header
The header keeps Services, Team, Gallery, Contact and the WhatsApp button in view on every page.
Menu as a spread
Eight services with prices in an asymmetric layout on the home page; the full menu in four sections with durations on Services.
Sticky section links
On Services the section links stay on the left on desktop and highlight as the visitor scrolls.
Booking that names the stylist
Every book button opens WhatsApp with the service, the stylist, the day and the time prepared; a stylist's page puts their name in first.
Stylist pages
Six pages with a portrait, specialities, working days, Instagram and three examples of the work; portraits cross-fade to the work on hover.
Gallery
Sixteen photographs in a mixed-size grid, staggering in as they enter the view.
Word marquee
A slow marquee of words runs across the home page and pauses when the cursor rests on it.
The salon's story
The founders, the space in five photographs and the products used as a plain list.
Contact and the metro
Address, hours, phone, WhatsApp, email, Instagram, the map and the metro route on one page, repeated in the footer.
More booking templates
See all
The Lantern House HotelA boutique hotel website template: rooms as pages with galleries and nightly prices, the house's story, a city guide, booking by prepared email or WhatsApp.
Riad Noor GuesthouseA guesthouse website template built as one day at the house, hour by hour, with the rooms as pages, the whole house to rent, city guides and booking by email.
Vela Tasting Menu RestaurantA tasting-menu restaurant website template: the home page is the evening's nine courses, one full screen each, with the room, the people and reservations.Like what you see? Make it yours.
Start for free