01 · Module
Salon header
Light salon header with a serif wordmark, Services, Team and Visit links and a eucalyptus-green Book an appointment button.
Website kit · Hair & beauty salons
Beauty salon website kit
Six Elementor-ready pages for an independent hair and beauty salon: header, home with hours, price list, team and levels, booking form with FAQ, and footer.
What is in the kit
02 · Page
Salon home page
Salon home page: hero with hours and booking button, three service cards, new-client offer, four reasons, reviews, gallery strip and location band.
03 · Page
Salon services and price list page
Salon price list grouped into cuts and styling, color, treatments, and nails and brows, with duration and from-price rows and a patch-test note.
04 · Page
Salon team page
Salon team page with three stylist cards, a treatment-room note, three price-level cards and a training and products section with a booking button.
05 · Page
Salon booking page
Salon booking page with an appointment request form (service, stylist, day, time), hours and call panel, three policy cards and a six-question FAQ.
06 · Module
Salon footer
Dark plum salon footer with the name, a booking button, address and parking, opening hours by day, phone, email and a small-print row.
About this kit
A salon website is mostly visited by people who already half know you: a friend recommended a stylist, they walked past the window, or they need to rebook and cannot find the card. They want three answers quickly — what it costs, who will do it, and when they can come in — and a way to ask for a time without phoning during the working day. New clients also want reassurance about the things that make a salon visit stressful: surprise prices, color that goes wrong, and allergy tests nobody mentioned.
The six pages in this kit follow that order. The header keeps a Book an appointment button on every page. The home page opens with opening hours and the booking button, then shows three service areas, a new-client offer, four reasons clients return, reviews, a small gallery strip and a location band. The services page is a full price list grouped into cuts and styling, color, treatments, and nails and brows, with duration and from-price on every row and a note on consultations and patch tests. The team page introduces the stylists, explains how level-based pricing works and covers training and products. The booking page combines an appointment request form with hours, the cancellation and late policy and an FAQ.
Build in this order: header and footer, then home, services, team and booking. The header and footer belong in Elementor Theme Builder so they appear on every page, which needs Elementor Pro; without Pro, paste them at the top and bottom of each page or keep your theme’s header. The booking form also becomes an Elementor Pro Form. Before you publish, replace the salon name, hours, prices, stylist names and phone number everywhere they appear, and keep the stylist names in the form in step with the team page.
Colors and fonts
Every page in the kit uses the same palette and font pair, so pages imported one by one still look like one site. After import, the colors and fonts are ordinary Elementor settings on each widget.
Plum ink
#2f2635
Porcelain
#faf8f5
Oat
#ede6dc
Eucalyptus
#4e6e61
Pale sage
#dfe8e2
Taupe
#6d6570
- Headings: Fraunces
- Body text: Nunito Sans
How to install the kit
- Download the kit. The ZIP holds one Elementor JSON template per page and per header/footer, the HTML source of each, and a README.
- In WordPress, open Templates → Saved Templates → Import Templates and import the JSON files you need.
- Create each page, choose “Elementor Canvas” or “Elementor Full Width” as the page template, and insert the matching saved template.
- With Elementor Pro, assign the header and footer in Theme Builder. Without Pro, keep your theme’s header and footer and skip those two files.
- Replace the sample text, images, prices and contact details before publishing. Forms in the kit need Elementor Pro and an action set after import.
