Salon & Barber · HTML & CSS template
Salon & Barbershop Website Template
Salons & barbershops — a booking-first site where the price list is the design.
Clients pick a salon on two things: can I see the work, and what will it cost me. Most salon sites hide both behind a booking widget. This template does the opposite — the service menu is set like a printed one, with dot leaders, a stated duration and an honest note on every line, and the photography sits in an offset editorial grid around it. A stylist roster you book by name rather than by slot, a work gallery that says out loud why it isn't stock, and a consultation-first colour flow. Bodoni Moda and Jost on warm bone and mulberry — and a second skin in the box that turns the whole thing into a cool slate-and-oxblood barbershop with one extra stylesheet link.
Built for: Hair salons, barbershops, colour studios, blow-dry bars, booth renters, and the agencies building for them
- Printed-style price menu with CSS dot leaders — the signature of the template
- A barbershop skin in the box: one extra <link> and the whole site changes
- Stylist roster you book by name, with what each person is actually good at
- Offset editorial work gallery (deliberately not a before/after wall)
- Consultation + strand-test flow written for colour services
- Booking request form with stylist and service pickers
- A cancellation policy and a 14-day correction promise in plain words
- HairSalon JSON-LD with hours, stylists and sample offers
- Zero JavaScript — the FAQ is native <details>, the leaders are CSS
- Hand-written HTML & CSS — no framework, no build step
Inside the template
- 2complete skins — salon and barbershop
- 8ready-made pages
- ~1.3 MBthe entire site, fonts & photos included
- 0external requests — nothing phones home
Pick your license
Solo
$59$79
One salon, one site.
- The full template
- Both skins — salon and barbershop
- Price menu + booking request form
- 12 months of updates
One live website for your own single business.
Studio
$119$159
All the pages + a client license.
- Everything in Solo
- Commercial license · one client
- Brand/style kit + design tokens
- Form wiring guide (Square/Vagaro/Fresha/Boulevard)
- Priority email support
Build one paying client site, plus your own.
Agency
$299$379
Unlimited client salons.
- Everything in Studio
- Unlimited client projects
- Source design files
- 30-min setup & handoff call
- Priority support
Unlimited client projects (extended license).
Done-For-You Launch
$1500$1900
We build it. You approve it. It goes live.
- Your real content loaded from your Google Business Profile
- Your price list, stylists, hours & photos placed for you
- Live on your own domain in about a week
- Two rounds of your changes included
- 90 days of Care Plus included — hosting, backups, monitoring & change time
- Then Care Plus at $149/mo, cancel anytime
One live website for your business — built and launched for you.
Buying more than one line? All-Access gets every template for $499.
Personal
Solo license — one live site for your own single business.
Commercial
Studio license — build one paying client site, plus your own.
Extended
Agency license — unlimited client projects, source files included.
14-day money-back guarantee — if the template doesn't fit, reply to your receipt within 14 days and we refund it in full. Keep nothing, owe nothing.
We'll launch it for you.
Prefer we launch it for you? The done-for-you build puts in your real content and goes live in about a week — $1,500 once, with 90 days of Care Plus included, then $149/mo you can cancel anytime.
Questions
What is the barbershop skin, exactly?
A second stylesheet in the box. Add one <link> line after site.css and the whole site swaps from warm bone and mulberry to cool slate and oxblood with square corners — same markup, same layout, same pages. Delete the line and you're back. Both skins are contrast-checked to WCAG AA, and each file documents which colour is safe for text and which is rules-only.
Can it connect to my booking system?
The booking form points wherever you send it — Square Appointments, Vagaro, Fresha, Boulevard and GlossGenius all take web leads, and Formspree or Basin will email you submissions with no backend. If you'd rather embed a booking widget outright, drop it in place of the form; the sidebar beside it is built to stand on its own.
Do I have to publish my prices?
No, but this template is designed around the assumption that you will, because that is what turns a browser into a booking. If your colour pricing genuinely varies, the demo shows the honest version of that: fixed cutting prices, colour quoted at consultation and written down before it starts.
Is the consultation and patch-test copy safe to keep?
Only if it's true for you. In most places a 48-hour allergy alert test before colour is an insurance condition — the read-me tells you to check what your insurer and state board require and to change the wording rather than claim it falsely. The template is written to be checkable; that only works if every line is.
Is this a subscription?
No — one payment and the files are yours. There is no runtime to rent, so you can host them free on Cloudflare Pages or Netlify. Twelve months of template updates are included; nothing stops working when they end.