Fade & Co.
A self-directed concept for a booking-driven grooming business. Confident, modern, and built so the 'book now' button is never more than a thumb-reach away — the design language a barbershop or salon needs to look as sharp as the work.
This is a concept project — a self-directed design exercise, not a commissioned client site. Imagery is licensed stock, chosen to demonstrate the design direction; copy is illustrative.
Palette: Charcoal, off-white & amber
The goal
A barbershop lives and dies by its chair being full. The website has exactly one job: turn someone who heard about the shop into a booked appointment before they get distracted. Most shop sites bury the booking link under a hero slideshow and a wall of social icons.
The concept strips it back to the decision a customer is actually making — who's cutting, how much, and how fast can I book — and makes that the entire spine of the page.
The idea
The palette goes the opposite direction from a café: charcoal and off-white with a single sharp amber accent. It reads premium, masculine, and current — the look a younger clientele expects.
'Book now' is treated as the primary action everywhere: sticky in the nav, repeated after services, anchored in the hero. Services double as a price list so there are no surprises at the chair.
Barber profiles add the human layer — people book a person, not a building — and a tight gallery proves the work without a slideshow.
What I built
A single bold page: a high-contrast hero with the book CTA, a services-and-pricing menu, meet-the-barbers cards, a cuts gallery, and an hours-and-location footer. The book action points to a placeholder booking flow that a real build would wire to Square, Booksy, or a custom system.
Designed mobile-first and thumb-first — bookings happen on phones, often between other things.
What it includes
- Bold confident hero
- Services + pricing menu
- Meet-the-barbers profiles
- Cuts gallery
- Book-now flow
- Hours & location
- Mobile-first layout
The result
A concept that shows how a Standard-tier ($650) build, nodding toward Custom once real booking is wired in, can make a grooming business look as sharp as its work.
It closes the loop on a vertical Daycraft was already approached about, and proves the studio can flex from soft-and-warm to bold-and-dark on demand.
Tech used
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
Want one like this?
This is concept work — but it's exactly the kind of site I build for real businesses. Tell me about yours.


