Fictional Concept Study
Studio Noir
A one-page site for a salon, barber and beauty studio under one roof — our study in carrying one wordmark device, one dark ground and five very different services without the page fragmenting into five different brands.
01 Overview
A salon that also does barbering, nails, brows and bridal work almost always ends up looking like five separate businesses stapled onto one homepage. Studio Noir is our study in the opposite: one wordmark device, one dark ground, one accent — carried through Haare, Barber, Nägel, Beauty & Brows and Braut without a single section breaking the discipline.
Multi-service studios usually solve their range problem with a tab-per-service layout, and each tab quietly imports its own visual language — a different accent, a different card style — until the page reads like five vendors sharing a landlord instead of one atelier. The trust signal (rating, review count) also tends to get buried below the fold, right when a visitor is deciding whether to trust the place with their hair or their brows in the first ten seconds.
So every discipline runs through the same numbered, editorial rows instead of a grid of icon cards — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass read as one atelier index, not five menus. The rating (9,6/10, 214 reviews) sits in a live HUD in the hero, above the fold, before a single word of copy has to earn the visitor's trust on its own. And the wordmark's own signature — the dotless 'ı' whose tittle is a champagne bead — reappears at accent scale throughout the page, so the five services still read as one brand up close.
Studio Noir isn't a real salon. It's a design study — the salon, its team and every figure on the page are invented to explore an idea, not to stand in for a client.
- Type
- Website · 4 pages
- Industry
- Salon · Barber · Beauty
- Role
- Concept · Art Direction · Web Design · Build
- Format
- Desktop + Mobile
- Year
- 2026
- Status
- Fictional Concept Study
02 Art Direction
One warm-lit hero, two closer readings — the full scene that opens the page, the beauty band that argues Studio Noir isn't just another barbershop, and the instrument crop that carries the same warm champagne light down to the smallest detail.
The hero holds the whole scene — the subject lit warm against the espresso-coal ground, a kinetic wordmark band scrolling behind it and a rating HUD anchored bottom-right, so the page's trust signal and its art direction share the same frame instead of competing for one.
The signature band, lit in the same champagne-and-blush palette as the hero — the section that argues no ordinary barbershop in the city offers microblading, lash lifting and bridal styling under the same roof.
A material close-up of the studio's own instruments, cropped tight — the one place the craft itself, not the result, gets the frame, in the same warm light as everything above it.
03 Type & Colour
One expanded grotesque carries every headline at real presence — Archivo pushed wide and heavy exactly where a marquee lettering job would push it — a quieter grotesque handles every working sentence, and champagne gold is held to a single rule: never a full fill except on the one primary action.
The ground is an espresso-coal taken as seriously as the salon's own front door, not a generic dark theme. Champagne gold and dusty blush share the accent role — gold on hairlines, marquee stars and the primary button; blush only inside the mesh backdrop, never on type. Chrome carries every line of body text on the coal.
- Noir background, espresso-coal ground #1a1413
- Noir-2 raised panel, cards & HUD #241c1a
- Chrome body text on the coal #f2ebe2
- Iris champagne-gold accent, one fill #d9b27c
- Iris-2 dusty-blush accent, backdrop only #e5b0a6
An expanded grotesque with real width contrast at display size for the kinetic band and headlines, a quiet grotesque that carries every working sentence without competing for attention.
- NOıR Archivo Variable · 800 · Wordmark
- Dein Look. Bis ins Detail. Archivo Variable · 800 · Headline
- SALON · BARBER · BEAUTY — ERFURT Space Grotesk Variable · 600 · Uppercase label
- Haar, Barber & Beauty an einem Ort — mitten in Erfurt. Space Grotesk Variable · 400 · Body
04 Desktop
The page reads like the studio's own atelier index: the claim and live status first, then the full editorial range of services, then the signature Beauty & Brows band that sets Studio Noir apart, then transparent pricing, then 214 reasons to trust it. Nothing is dressed up to look bigger than what a five-discipline studio actually is.
-
01 Leistungen
Five disciplines as one numbered, editorial index — Haare, Barber, Nägel, Beauty & Brows, Braut & Anlass — each with its own benefit line instead of a flat service grid, so the range reads as one atelier, not five menus.
-
02 Beauty & Brows
The signature band, full-bleed and cinematic, arguing the one thing no ordinary barbershop in Erfurt offers — microblading, lash lifting, bridal styling — in the same warm light as the hero.
-
03 Preise
A transparent two-column price list, grouped by discipline, that answers the review platforms' single biggest complaint — price surprises — before a visitor ever has to ask.
-
04 Bewertungen
214 reviews set as data beside four real-voiced quotes from across every discipline the studio offers, not just haircuts — proof that the range itself holds up.
05 Mobile
A booking across five disciplines is usually decided on a phone, mid-scroll through a recommendation — the narrow screen keeps the claim, the live rating HUD and the booking button in the first view, with the kinetic wordmark band still scrolling behind everything.
-
01 Der Einstieg
The rating HUD drops below the headline instead of sitting beside it, but stays inside the first screen — the trust signal survives the narrower width unchanged.
-
02 Leistungen
The five numbered rows stack single-column with every benefit line intact — nothing about the range gets trimmed to fit the width.
-
03 Kontakt
Phone, WhatsApp and address sit as one thumb-width action stack directly above opening hours, so calling and knowing when to call stay on the same screen.
Same range, one thumb — the claim and the booking button stay first, however far the page runs.
06 The Craft
Studio Noir isn't real. The discipline behind it is.
This is how SYNCUP carries one wordmark device and one dark ground across five very different services without the page fragmenting into five different brands — a signature interpreted, never copied, and carried all the way to the pixel.
Everything you just scrolled — the espresso-coal ground taken seriously, champagne gold held to one rule, the dotless-i bead reappearing at every scale — is what we bring to a real salon, barbershop or beauty studio. Yours would carry your own range, your own team and your own name.
STUDIO NOIR is a fictional salon — a design study by SYNCUP Agency. The salon, its team and its contact details are invented and don't represent a real business.