Skip to content

Demo

Hair salon website example

Wilder & Co. Hair Studio

Cape Girardeau, MO

Thoughtful cuts and lived-in color, in the heart of downtown.

This business does not exist. It is a demonstration of the layout, built from the same template a paying client gets — the screenshots below are of a real, working site, just not a real company.

What this layout puts first

  • The price list comes first, because it is the first thing anyone checks.
  • Photographs of real work sit directly underneath it — a salon sells the result.
  • Hours and directions are near the bottom. Anyone who reads that far has decided.

Page order

  1. 1.Hero
  2. 2.Price list
  3. 3.Photo gallery
  4. 4.About
  5. 5.Reviews
  6. 6.Hours and map
  7. 7.Book now

Colours and type

Colours

  • Primary#7d5e45
  • Primary dark#5e4632
  • Accent#a8927a
  • Text#2c2722
  • Secondary text#6f665d
  • Background#fdfbf7
  • Alt background#f4efe7
  • Footer#2c2722

Type

Cormorant Garamond

Wilder & Co. Hair Studio

Karla

The quick brown fox jumps over the lazy dog. Body text at the size it is actually read, so you can judge it rather than guess.

The whole page

Full demo salon home page: hero, priced service menu, photo grid, about, reviews, hours.

On a phone

The same demo salon home page at phone width, sections stacked in one column.

Styles

Get a quote

Tell me what your business does and what you need the site to do. I will come back with a plan, a price, and a date.

Tell me what you need and I will send back a plan and a price. If you would rather talk it through first, say so and we will find a time.