Mishcon De Reya
www.mishcon.com/a top London law firm that ditches the navy-and-columns cliche for a dark, editorial, almost magazine-grade site, near-black grounds, full-bleed photographic heroes, a single burnt-orange accent and clean Helvetica Now type, anchored by a prominent "How can we help you?" search bar.
Design tokens
- display
- HelveticaNowDisplayMedium
- body
- HelveticaNowTextRegular
- mono
- none
Do / Don't
Reference it for
- Dark editorial treatment for a professional-services firm: near-black grounds (#101010 / #0F0F0F) with full-bleed photographic heroes.
- A single warm accent (burnt orange-red #D83912) against neutral Helvetica-Now grotesque, restrained and confident.
- A "How can we help you?" search field as the primary navigation device, framing the firm as a question to answer.
- Quiet, premium motion: 0.5-0.6s ease transform reveals, 0.15s colour transitions, nothing showy.
- Restraint in type scale (tops out at ~48px) so imagery and tone carry the page.
Do not copy
- Helvetica Now is licensed; substitute a comparable neutral grotesque (Inter, or a Helvetica-Now-class face) for the same precise, expensive feel.
- The 857-property custom system is a large in-house design system; map to a lean Tailwind token set.
- The currency-close-up hero and the exact burnt-orange are Mishcon's brand world; reproduce the dark-editorial approach with the client's own imagery and accent.
Signature moves
dark-editorial professional-services treatment
near-black grounds (#101010 / #0F0F0F) with full-bleed photographic heroes and a single warm burnt-orange accent (#D83912) against neutral Helvetica-Now grotesque, ditching the navy-and-columns cliche.
search-as-primary-navigation
a prominent How can we help you? search field is the primary navigation device, framing the firm as a question to answer.
quiet premium motion + restrained scale
premium motion is quiet: 0.5-0.6s ease transform reveals and 0.15s colour transitions, with a type scale that tops out at ~48px so imagery and tone carry the page.
Related references
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.
Facet Wealth
strongProfessional Services
a US financial-advisory service that pitches calm confidence with a deep teal-navy palette, a warm full-bleed lifestyle hero, a single Euclid Square sans, and one orange accent, aspirational but trustworthy.
Grand Street Dental
strongOther
A NYC cosmetic-dental practice that disarms dental dread with playful Bauhaus geometry and a warm cream canvas - scattered half-circles in pink, orange and blue behind a serif "Dentistry Redesigned", then walls of grinning patient photos.