Templates
Onyx
“A quieter kind of sharp.” — for barbershop.
At a glance
- Sections this design renders
- HeroServices and pricesTeamReviews — not shown in this demoGalleryPricing menuGift cardsFAQ
- Built for
- Barbershop
- Performance certification
- In certification — the LCP, CLS and INP for this design are written by the cloud Lighthouse run, with its run id, and never typed by hand. Until that run has written them, no number is shown.
No salon has consented to be named as using this design yet, so none is listed.
How it's built
Section by section
Hero— Split Quiet
The first screen a visitor sees — the name, one image, and the button that starts a booking.
Services and prices— List Cards
The price list a visitor checks before anything else.
Team— Portrait Oval
Who they'd actually be booking with.
Reviews— Single Rotating Quote
not shown in this demo
What real clients said, when a salon has consented to show it.
Gallery— Strip Wide
The work itself, in photos.
Pricing menu— Menu Board
The price list again, as its own dedicated, scannable block.
Gift cards— Cta Panel
A second way to buy, for someone who isn't booking for themselves.
FAQ— Hairline Accordion
The questions this trade asks most before booking.
The design, live
Open the full preview ↗Demo content — not a real salon: every name, price and review in this preview is the design's own demo pack.
Who it suits
Built for the trade, priced like it
Barbershop
What makes it different
The signature moment
The hero cross-fades between two photographs — a quiet, members'-club rhythm instead of one static portrait.
Certification
Performance certification
In certification — the LCP, CLS and INP for this design are written by the cloud Lighthouse run, with its run id, and never typed by hand. Until that run has written them, no number is shown.
Questions
Before you choose
Can I change my mind about the design later?
Yes. Your services, staff, gallery and prices live in your account, not in the design — switching to a different one later restyles the same content, it never deletes it.
Do I need a paid plan to use this design?
No. Every design on this page, including this one, is available on every plan — the Free plan too.
Which trades is this design built for?
This design is built for Barbershop.
Has this design been performance-certified yet?
In certification — the LCP, CLS and INP for this design are written by the cloud Lighthouse run, with its run id, and never typed by hand. Until that run has written them, no number is shown.
Start your site with Onyx
Sign up free and your site starts on this design — you can switch to any other one later, on any plan, without losing your content.