Mejuri
mejuri.coma flagship fine-jewellery shop that reads like an editorial magazine, full-bleed black hero portrait, an all-caps grotesque headline set against monospace body and warm-grey detail copy, near-zero radii and almost no shadow, with restraint doing all the luxury work.
Design tokens
- display
- SyndicatGrotesk
- body
- SimonMono
- mono
- SimonMono
Do / Don't
Reference it for
- A fine-jewellery or boutique e-commerce shop that wants to feel like a luxury magazine: full-bleed model photography, an all-caps grotesque headline, a sticky minimal header.
- The grotesque-plus-monospace pairing as a distinctive, restrained alternative to the usual serif-luxury cliche.
- A near-monochrome palette (black, white, two warm greys) where the product photography supplies all the colour.
- Token discipline: a Tailwind / CSS-variable system with a tight type scale (10 / 12 / 14 / 16 / 24 / 32 / 48px) and almost no radius or shadow.
- For a Jiffi jewellery or fashion-boutique client, this is the template for looking premium on a small product range: let photography lead and keep the chrome silent.
Do not copy
- SyndicatGrotesk and SimonMono are bespoke / licensed; map to a grotesque (Soehne, Neue Haas Grotesk, or Inter) plus a clean monospace.
- The uppercase-everything heading treatment suits Mejuri's restraint but can feel cold for a warmer local brand; soften the tracking before borrowing.
- The large third-party analytics stack (Forter, TikTok, Reddit, Yotpo) is enterprise retail plumbing, not a pattern to replicate.
Signature moves
editorial full-bleed luxury hero
a full-bleed black hero portrait with an all-caps grotesque headline and a sticky minimal header, reading like a luxury magazine where photography supplies the colour.
grotesque + monospace pairing
an all-caps grotesque headline set against monospace body and warm-grey detail copy, a restrained alternative to the serif-luxury cliche.
tight-scale, near-zero-chrome token discipline
a Tailwind/CSS-variable system with a tight type scale (10/12/14/16/24/32/48px) and almost no radius (2px) or shadow, letting product photography lead.
Related references
Vrai
strongRetail
a lab-grown fine-jewellery house whose homepage is a near-empty white gallery, a single yellow-gold solitaire ring floating in bright caustic light above a quiet centred serif headline, set in a black-on-white system with metal-named gradient tokens (white-gold, yellow-gold, rose-gold, platinum) and slow, refined cubic-bezier transitions.
Hay
strongRetail
a Danish designer-furniture house whose store reads like a quiet gallery, near-black ink on a single light-grey field, Neue Helvetica paired with an ITC New Baskerville serif, almost no UI chrome, and a slow editorial scroll where the products and photography are the only colour.
Aesop
flagshipConsumer Brand
an editorial e-commerce reference where Suisse Intl on warm-cream `#fffef2`, a modular 1.13 type ratio, and full-bleed photography do all the work - no display face, no accent colour, no motion of consequence.
Cubitts
nicheHealth
a London bespoke-spectacle maker treating its Shopify storefront like a design museum, near-black ink on white, a tiny precise type scale in its own Fold Grotesque, generous 16px-radius media tiles, and a giant "CUBITTS" wordmark laid behind a Greenwich Observatory photograph.