Hair salon website template
Maison Rose
A soft, elegant template for hair salons, beauty studios and bridal stylists. Blush plaster tones, arched image frames and a refined Italiana display face set a calm, luxurious mood. Inside: collage hero, service cards, stylist profiles, a full salon price list with bridal packages, booking policies and a journal of hair-care advice.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 39 sections · 20 photos
Design system
- Display face
- Italiana
- Body face
- Jost
- Header · footer · images
- centered · minimal · arch
- paper
#F7EFEA - surface
#F0E3DC - ink
#2C1F1F - muted
#75605D - line
#E2CFC6 - brand
#9E5B55 - brandInk
#FFF7F3 - accent
#C9A27E
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 20 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Collage hero
- Marquee
- Service cards
- Image + text
- Team
- Testimonials
- Gallery
- Call to action
- Page header
- Story
- Stats
- Feature grid
- Service list
- Process steps
- Price list / menu
- FAQ
- Contact form + details
- Info bar
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the hair salon template
Can I connect my salon booking software?
Yes. Point the book buttons at your Vagaro, Boulevard, Fresha or Square booking link instead of the contact page.
Does the template suit a barbershop or nail studio?
The structure works well for both. Swap the price groups and imagery, and adjust the soft palette in the theme if you want something bolder.
Where should I put my cancellation policy?
On the pricing page FAQ, which this template includes by default, and as a short note under the booking form.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the hair salon website template guide.
