Hair & Nail Salon

Hair & Nail Salon is a website template for a hair salon, colour studio or nail bar: services with prices, stylists, free chairs and a booking form, all editable in Framer.

Try the colour before the chair

The hero photo sits in black and white. A round lens follows the pointer and shows the hair in six real shades, with the shade name and price.

Every shade starts as a formula

A hair level scale from 1 to 10 lights up as you scroll, while a colour card fills in level, tone, developer and time on the chair.

The menu, priced

Five services and a consultation card glide sideways as you scroll, each with a photo, a starting price and the time it takes.

The polish bar

Four nail shades on a shelf. Scroll and each bottle rises, the photo and shade name change and the heading takes the colour.

Before and after

Drag the handle across a before-and-after photo, next to a client review and counters that run up.

Four stylists, one each

Stacked stylist cards with role, years, a short bio and the next free time.

Free today

An arched mirror whose bulbs light up for the chairs still free. Press Book on a time and the form fills in that stylist and day.

9 page types

Home, Services, Service detail, Stylists, Stylist detail, Book, Visit, Legal and a custom 404, plus a Start Here guide

Features

3 CMS collections: 5 services, 4 stylists and 10 openings, each service and stylist with its own page

Native booking form with sending, sent and error states

Every word and photo on the canvas or in the CMS

17 text styles, 17 colour styles, one accent colour recolours the site

Loader, page turn, curtain footer

Tested in Chrome, Safari and Firefox from 320 px to wide screens

Titles and descriptions on every page

Best for

Hair salons and hairdressers

Colour studios and stylists

Nail bars and lash studios

Beauty salons and small salon groups

ALL-ACCESS: every SoloFoundry template, unlimited sites, $199 once at solofoundryhq.com/all-access

Support: solofoundryhq@gmail.com