Unoit
www.unoit.com.au/An Australian barbershop ("barber, but different") whose hero slices many men's faces into vertical strips behind a hugely letter-spaced UNOIT, saying "everyone belongs here" in one confident image - then lists its services as clean, expandable rows.
Design tokens
- display
- Jost
- body
- Muli
- mono
Do / Don't
Reference it for
- A concept hero that argues belonging visually: many different faces sliced into one mosaic behind a wide-tracked wordmark - "this is for everyone like you".
- The expandable services list ("experience menu"): large scannable rows with arrow affordances instead of a card grid, for a service business with many offerings.
- A confident-but-calm monochrome system (black-on-white, Jost + Muli) where one bold hero does the emotional work and everything else stays quiet.
- A tagline-led positioning ("barber, but different") carried through the whole page.
- Light Webflow craft: modest scale, minimal motion, fast.
Do not copy
- The literal sliced-faces mosaic and the UNOIT wordmark (brand-coded concept). Re-skin the IDEA (a mosaic of the client's real customers/work) with their own photography.
- The Jost + Muli pairing if you want more distinctiveness - they are good but common; the client's brand face would lift it.
- The Webflow DOM and class names. Rebuild on Astro.
Signature moves
inclusive sliced-faces mosaic hero
the hero slices portraits of many different men into vertical strips and interleaves them into one image, with the wide-tracked UNOIT wordmark spanning across, arguing 'this barber is for everyone like you' in a single composition - belonging delivered visually before any copy.
expandable experience-menu rows
services are presented as a clean list of large expandable rows with arrow affordances (Hair & Styling, Beard & Shave Experiences, Colour, Skin, Keratin, Hair Detox) instead of a card grid, making a many-service offering genuinely easy to browse.
one-concept-hero-against-calm-content
a single high-concept hero carries all the emotion while the rest stays near-monochrome (black-on-white, Jost + Mulish, modest 28px scale, minimal 0.3s ease motion), so the brand reads confident rather than gimmicky.
Related references
One Medical
flagshipHealth
a primary-care membership clinic whose site makes healthcare feel calm and human, a warm teal-and-peach palette, a GT Super serif display over clean Ginto sans, audience-segmented care paths, and a "book" action that treats getting care as the product.
Abby Wilson Therapy
strongOther
A boutique therapist for "anxious, high-achieving women" who reassures by being polished and specific - a warm sand-and-charcoal editorial system, a Calluna serif voice, named specialties and a clearly walked process that says "I understand exactly who you are and how this works".
Antara Spa
strongBeauty
a Malaysian day spa that sells calm with one oversized Fraunces wordmark on a sun-warmed photographic hero, an earthy sand-brown-sage palette, and slow GSAP-and-Lenis scroll, the whole page tuned to feel like exhaling.
Caliber
strongTrades
a collision and auto-service chain whose site is a clean, trust-first conversion funnel, with "Online Estimate" and "Book an Appointment" front and centre, a confident dark-on-white system, and a single bold accent.