Get your free draft site

Work · Case file · concept

Crossgrain Barber Co.

Barbershop in Tulsa, OK. A fictional business we invented and ran through our real process, start to finish.

Concept · fictional business

Made
Website
Style
Motion · Clean Fade
Code
1A
Who it's for
Men 18 to 45, booking from their phone

01 The brief

What the owner needs

“Two-chair barbershop. Clients want to know the price and book without a phone call. Walk-ins welcome before 2 PM.”

  • Price list
  • Book a chair
  • Walk-in hours
  • Styles we do

In a real project, this comes from what is already public about the business plus a short form. No meeting needed.

02 Three directions

Same words, three feels.

The owner sees all three side by side, on desktop and phone, before choosing. Each uses a color set from our catalog for this trade.

Motion · Clean FadeConcrete Red · 1APicked
Classic · Trusted ChairClassic Burgundy · 2A
Bold · Gallery CutCobalt Block · 3A

03 The pick

Why this one

Motion with a sharp serif: the headline opens with one razor stroke and a barber-pole stripe runs down the edge as you scroll. Concrete Red reads like a classic shop.

  • Background#D9D9D6
  • Text#161616
  • Accent#A9201A
  • Second#FF5A4E

Palette: Concrete Red (P16). Every text and button pair is checked for readable contrast.

04 The result

A site that works

  • Every price has its own Book button
  • A barber-pole stripe that tracks your scroll
  • Walk-in times right under the headline

Screens from our Crossgrain Barber Co. concept site. Illustrations are ours.

Next: yours.

Same process, your real business. The draft is free, and you only pay if you love it.

Get your free draftSee our work