Case study · 07 / 08
Clef Room
A listening room for one-to-one practice.
Sample content
01 — Brief
What we were asked to do
Clef Room was being mistaken for a music school. The refresh had to say care, not performance, and the site had to make a booking understandable.
02 — Studies
Drawing before deciding
03 — Identity
The mark we kept
Two circles, one held inside the other. We removed a purple gradient, set a single accent, and designed the site templates around one action. Nothing else on the page competes with it.
04 — Compare
Before and after
The “before” is a sample of an unresolved identity, not a real previous brand.
Left: before. Right: after.
05 — Applications
In use
06 — Palette
Colour
- Pine#1E3D36
- Sage#8EAEA4
- Rose#A35353
- Plaster#F6F4F0
- Moss#142824
Type
Bricolage Grotesque & Outfit
Variable grotesk for the name, a plain sans for everything that has to be read.
07 — Results
What changed Sample content
Sample content. In a sample task, people found the booking note sooner on the new templates than on the old page.
1 action
The page is about booking
4 templates
Designed, not built here
7 weeks
Sample refresh timeline
Deliverables
- Refined mark
- Colour and type
- Website templates
- Booking flow design
- Card and sign