starting points · salons & spas

Salon and spa website designs, eight live examples.

People pick a salon on the work in the gallery and then book a specific person. If the site does not let them choose the stylist, they ring instead, and half of those calls happen outside opening hours.

See the eight directions Get a free proposal and sample

eight directions · salons & spas

Eight ways a salon or spa site can look.

Each one is a full site with every page working, the booking path and the trade's own tool, plus the SEO autopilot running in the corner. Open one, switch between them from the bar at the top, and copy the prompt when one fits.

Boutique Plum

Letterspaced small caps and pill buttons on muted surfaces, which reads as quiet and expensive.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Boutique, Plum palette
- Look: Letterspaced small caps and pill buttons on muted surfaces, which reads as quiet and expensive.
- Hero: Centred hero: label, headline, one paragraph and buttons, then a wide photo underneath in a shaped frame. Hero photo sits in an arch-topped frame.
- Type: headings in Georgia at weight 400 with letter-spacing .01em; body in Outfit. Labels uppercase with .22em tracking. Headings centred.
- Colour: accent #6b3f7a with #ffffff text on it; page background #f8f5f9; cards #ffffff; text #1a1420; secondary text #645a6c; rules #e7e0ea. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 999px, border weight 1px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

02Trend

Organic Blush

Warm neutrals, a soft serif and photographs in rounded, hand-cut shapes.

Earth tones and soft organic shapes took over wellness and home brands as a reaction to flat corporate blue.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Organic, Blush palette
- Look: Warm neutrals, a soft serif and photographs in rounded, hand-cut shapes.
- Why it reads as current: Earth tones and soft organic shapes took over wellness and home brands as a reaction to flat corporate blue.
- Hero: Centred hero: label, headline, one paragraph and buttons, then a wide photo underneath in a shaped frame. Photos sit in soft, irregular rounded shapes.
- Type: headings in Fraunces at weight 500 with letter-spacing -.02em; body in DM Sans. Labels sentence case with .02em tracking. Headings left-aligned.
- Colour: accent #a8476a with #ffffff text on it; page background #fbf2f0; cards #ffffff; text #2a1a1d; secondary text #725a60; rules #efdad6. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 28px, border weight 1px, shadow 0 2px 14px rgba(60,50,30,.08).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

03Trend

Dark Luxe Ink & Gold, dark

Near-black ground, a champagne accent and a tall serif. Reads as a place with a waiting list.

Premium brands moved to dark grounds with one metallic accent as phones went dark-mode by default.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Dark Luxe, Ink & Gold palette
- Look: Near-black ground, a champagne accent and a tall serif. Reads as a place with a waiting list.
- Why it reads as current: Premium brands moved to dark grounds with one metallic accent as phones went dark-mode by default.
- Hero: The first screen is one full-bleed photograph with a dark gradient scrim, and the headline, paragraph and buttons sit over it.
- Type: headings in Cormorant Garamond at weight 500 with letter-spacing -.01em; body in Outfit. Labels uppercase with .3em tracking. Headings centred.
- Colour (dark theme): accent #c9a45c with #15120b text on it; page background #0e0d0b; cards #17150f; text #f2ecdf; secondary text #b1a68d; rules #2e281e. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 1px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. A faint film-grain texture sits over the darker sections. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

04Trend

Retro Warm Terracotta

Seventies warmth: mustard and rust, chunky rounded type, arched photo frames.

Warm retro palettes and arched frames spread from coffee and beer brands into local services.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Retro Warm, Terracotta palette
- Look: Seventies warmth: mustard and rust, chunky rounded type, arched photo frames.
- Why it reads as current: Warm retro palettes and arched frames spread from coffee and beer brands into local services.
- Hero: Hero with the headline and two buttons on the left and a large photo on the right, with small floating fact chips over the photo (next opening, rating, the tool). Hero photo sits in an arch-topped frame.
- Type: headings in Bricolage Grotesque at weight 800 with letter-spacing -.035em; body in Work Sans. Labels sentence case with .06em tracking. Headings left-aligned.
- Colour: accent #a3461f with #ffffff text on it; page background #f8eee6; cards #fffaf6; text #2a170e; secondary text #6d5244; rules #ead8ca. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 18px, border weight 2px, shadow 0 4px 0 rgba(43,26,16,.85).
- Motion: Elements fade and rise slightly as they scroll into view. A faint film-grain texture sits over the darker sections. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

05Trend

Kinetic Type Acid, dark

Condensed capitals at poster size and a line of services that scrolls across the screen.

Oversized moving type replaced the hero photo on sports and music sites and spread to local brands.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Kinetic Type, Acid palette
- Look: Condensed capitals at poster size and a line of services that scrolls across the screen.
- Why it reads as current: Oversized moving type replaced the hero photo on sports and music sites and spread to local brands.
- Hero: Poster-size condensed headline, a band of service names scrolling sideways in the accent colour, then a wide photo.
- Type: headings in Anton at weight 400 with letter-spacing .005em; body in Inter. Labels uppercase with .1em tracking. Headings left-aligned.
- Colour (dark theme): accent #c6f432 with #0b0b0c text on it; page background #0b0b0c; cards #151517; text #f4f4f5; secondary text #a1a1aa; rules #2a2a2e. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 6px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. The service band scrolls sideways continuously and pauses on hover. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Editorial Sand

A magazine grid with heavy rules and square corners, where the photography carries the page.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Editorial, Sand palette
- Look: A magazine grid with heavy rules and square corners, where the photography carries the page.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Georgia at weight 400 with letter-spacing -.02em; body in Outfit. Labels uppercase with .14em tracking. Headings left-aligned.
- Colour: accent #a9762f with #ffffff text on it; page background #faf7f1; cards #ffffff; text #1d1710; secondary text #6b5c46; rules #ece3d5. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

07Trend

Frosted Glass Midnight, dark

Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.

Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Frosted Glass, Midnight palette
- Look: Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.
- Why it reads as current: Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.
- Hero: The first screen is one full-bleed photograph with a dark gradient scrim, and the headline, paragraph and buttons sit over it.
- Type: headings in Plus Jakarta Sans at weight 700 with letter-spacing -.03em; body in Plus Jakarta Sans. Labels sentence case with .04em tracking. Headings left-aligned.
- Colour (dark theme): accent #7cc4ff with #08111f text on it; page background #0a1120; cards #111b2f; text #edf2fb; secondary text #9aa8c3; rules #24314d. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 20px, border weight 1px, shadow 0 20px 50px -20px rgba(0,0,0,.35).
- Motion: Elements fade and rise slightly as they scroll into view. Panels over photos are frosted glass: semi-transparent surface with a backdrop blur of about 18px. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

08Trend

Swiss Grid Signal Red

A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.

The International Typographic Style is back as the antidote to template sameness.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a salon or spa site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a salon or spa in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Swiss Grid, Signal Red palette
- Look: A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.
- Why it reads as current: The International Typographic Style is back as the antidote to template sameness.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Archivo at weight 800 with letter-spacing -.045em; body in Archivo. Labels uppercase with .12em tracking. Headings left-aligned.
- Colour: accent #d1000d with #ffffff text on it; page background #ffffff; cards #f3f3f3; text #0a0a0a; secondary text #4f4f4f; rules #cfcfcf. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the find your service tool, how it works in three steps, a photo gallery, booking and policies, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Cut and finish, Balayage and highlights, Color, gloss and gray coverage, Extensions, Guest membership), each with the price, what is included, and at least two questions people ask before booking.
- Find your service: a working quiz that recommends a service, titled "Find your service".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Work gallery: Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.
- Service menu with prices: Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.
- Pick your stylist: Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.
- Live availability: Showing real open slots converts far better than a form that promises somebody will ring back.
- Membership: Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- BeautySalon structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Every business, price and review on these sites is invented, and each site says so on every page. The photographs are CC0 stock standing in for the business's own.

mix your own

Try any of the sixteen directions on this trade.

The studio redraws the page with every direction and palette, including the ten trend directions, and with the components a salon or spa site needs.

Direction

Palette

riverbenddental.com

A drawing of a layout, not a screenshot. Every business name, price, phone number and review above is invented. Blocks mark where your own photography goes.

What this trade needs on the page

Start building your own

Your direction, palette and trade travel with you. Free for 14 days, no card required.

the short answer

What should a salon or spa website include?

A salon or spa website has a job that is specific to the trade, and the components that do that job are work gallery, service menu with prices, pick your stylist, live availability. People pick a salon on the work in the gallery and then book a specific person.

Read the full answerShow less

If the site does not let them choose the stylist, they ring instead, and half of those calls happen outside opening hours. askotter builds the site around that component set rather than around a theme: the direction and palette are chosen by the owner, and the pages themselves are written from the practice's own services, prices, hours and service area. The build, the hosting and the monthly work are one price, $99/mo self-managed or $600/mo managed, with no separate design or setup fee. The first draft comes back the same day and a person reviews every change before it publishes. A business wanting to browse finished themes and edit one itself is better served by Squarespace or Wix.

Directions: Eight shown as full sample sites, starting with Boutique. Sixteen in the studio.
Components: 5 written for salons and spas, shown in the studio above.
Built from: Your services, prices, hours and service area, plus the direction and palette you pick.
Price: $99/mo self-managed or $600/mo managed. No design or setup fee.
First draft: Same day. Launch typically five to ten working days.
Not for: Anyone who wants to browse finished themes and edit one themselves.

the components, in words

What goes on a salon or spa site, and why.

The studio above draws these. Here they are as text, which is the version worth reading if you are briefing someone else or building it yourself.

Work gallery

Colour work is the portfolio, and these are the photos that get shared and screenshotted into a booking.

Service menu with prices

Salon pricing varies wildly and guests will not ring to ask, so a published price keeps them on the page long enough to book.

Pick your stylist

Guests book a particular person, and a stylist page also gives each stylist a search surface of their own.

Live availability

Showing real open slots converts far better than a form that promises somebody will ring back.

Membership

Regular guests are the margin. A membership on the page turns an occasional visit into a monthly one.

Want the longer version of what the site has to do once a visitor lands? Website design for salons & spas covers the pages, the leaks and the FAQ. This page covers the look and the components.

what it costs

No design fee. No setup fee.

The build is inside the monthly price, and on a managed plan the site transfers to you after six months.

You drive the builder and ship the changes Whiskers suggests. The platform does the analysis.

Self-managed plan
Self-managed$99/moWebsite, SEO and the platform. Compute-based after that.
Website and SEO
AI web builder, unlimited edits	Included
Your site hosted on your own domain	Included
SEO: keywords, on-page, schema, rank tracking	Included
AI content recommendations, ready to publish	Included
Answer engine optimization	Included
askotter dashboard and change log	Included
Paid channels
Google Ads + Meta Ads, connected and tracked	Add per channel
AI bidding and budget recommendations	With each channel
True ROAS against your real revenue	With each channel
How it runs
Who ships each change	You
A person reviews every change before it ships	Not included
Ad accounts	Yours, you keep them
What moves the price	The compute you use
Cancel anytime	Included
Sign up for the free 14-day trial

The $99/mo covers your website and SEO on the platform. After that the price is compute-based. Ask Whiskers to run more analysis, or to watch more ad channels for you, and the bill scales with how much you use.

No setup fee. Ad spend is billed to you by Google and Meta.

Want a person to run it for you?

Our team builds and runs it. A person reviews every AI recommendation before it ships.

Human-in-the-loop plans compared
What is included	PopularManaged SEO$600/moWe build it and run the SEO.	Managed + Ads$1,000/moEverything in Managed SEO, plus Google Ads and Meta Ads run by our team.
Website and SEO
We build and host your website	Included	Included
Monthly SEO, done for you	Included	Included
Content written, reviewed and published	Included	Included
Answer engine optimization, run for you	Included	Included
One site refresh per year	Included	Included
askotter dashboard and change log	Included	Included
Paid channels
Google Ads + Meta Ads management	Not included	Included
Monthly performance reviews	Not included	Included
Ad budget	Not needed	Under $10K/mo
How it runs
Who ships each change	Our team	Our team
A person reviews every change before it ships	Included	Included
Email marketing waterfall	Setup	Fully managed
Strategy calls	Not included	Monthly
Website is yours after six months	Included	Included
	Get a free proposal	Get a free proposal

No setup fee. Cancel anytime. Ad spend is billed to you by Google and Meta.

Want to talk it through first? Book a 20-minute demo

Prefer to run it yourself?

questions

Questions about salon or spa websites

Do you have a salon or spa website template I can buy?

There is no theme file to buy. askotter offers eight design directions for salons and spas, each shown as a full sample site, and a prompt for each one that starts your own build in the askotter builder. The pages are then written from your own services, prices and hours, so two salons and spas starting from the same direction end up with different sites. If you want a theme file to buy and edit yourself, Squarespace and Wix sell that well.

How long does a salon or spa website take to build?

The first full draft comes back the same day you describe the business or hand over the URL of the site you already have. Launch is typically five to ten working days, most of which is you reviewing pages rather than us building them. There is no discovery phase and no queue behind four other clients.

Can you rebuild the site I already have?

Yes. Give us the URL. The agents read every page, keep what is still earning its place, such as your bio, your reviews and copy you spent a weekend on, and rebuild the rest around the component set. The URL structure is preserved where it can be and redirects are written where an address has to change, so the rankings come with you.

Can I change the look after launch?

Yes, by message. "Try the navy palette" or "make the headings serif" goes into the same text thread as every other change, a preview comes back, and it publishes when you reply yes. Rolling it back is another message.

Does the design affect whether I rank?

Less than the structure does. What moves rankings for salons and spas is a page per service rather than one services page, real questions as headings, prices and service areas written as text rather than sitting in an image, and schema that matches what is visible. All of that is built in whichever direction you pick. Speed matters too: the sample sites here compress every photo and lazy-load anything below the first screen, and the SEO panel on each one shows the checks it passes.

full sample sites

Finished sites for other trades.

Complete websites for invented businesses, every page and a working tool, built the way yours would be.

Dentists · 8 directions · 10 pages each

Riverbend Dental

Working tool: What your treatment costs monthly

Emergency strip
A page per procedure
Financing estimator

Salon and spa website designs, eight live examples.

Eight ways a salon or spa site can look.

Boutique Plum

Organic Blush

Dark Luxe Ink & Gold, dark

Retro Warm Terracotta

Kinetic Type Acid, dark

Editorial Sand

Frosted Glass Midnight, dark

Swiss Grid Signal Red

Try any of the sixteen directions on this trade.

What should a salon or spa website include?

What goes on a salon or spa site, and why.

Work gallery

Service menu with prices

Pick your stylist

Live availability

Membership

No design fee. No setup fee.

Questions about salon or spa websites

Do you have a salon or spa website template I can buy?

How long does a salon or spa website take to build?

Can you rebuild the site I already have?

Can I change the look after launch?

Does the design affect whether I rank?

Finished sites for other trades.

Riverbend Dental

Oakline Chiropractic

Fairmount Family Medicine

Lune Aesthetics

Northbay Physical Therapy

Hollow Creek Veterinary

Clearview Eye Care

Harrow & Bright

Ledger & Co

Northpoint Wealth

Kestrel Insurance Group

Marguerite Vance

Ridgeline Heating & Air

Hollis Plumbing

Copperline Electric

Summit Roofing

Kesler Auto Service

Alder & Stone Landscapes

Cedar Ridge Pest Control

Tidewater Home Cleaning

Ironbridge Garage Doors

Foundry Strength

Nearby component sets.

Send us the brief you just built.