Mellem
www.mellem.ca/The reference for the interrupted-wordmark hero: a giant forest-green #394B33 word (BeausiteClassic) split across the viewport so two portrait photo panels sit inside the letters, on warm oat #F2ECDC.
Real Estate flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
tone2
- display
- BeausiteClassic-
- body
- BeausiteClassic-Regular
- mono
Do / Don't
Reference it for
- The split-wordmark hero: the brand name at ~76px+ (see the 101px scale) broken into 'm e' / 'e m' with two tall portrait image panels dropped between the letter groups so the photos become part of the logotype
- Deep forest green #394B33 (rgb 57,75,51) as the dominant ink, used at 448 occurrences, against a warm oat/cream ground #F2ECDC (rgb 242,236,220)
- Pill-nav: fully-rounded 100px-radius outlined capsules ('Projets +', 'A propos', 'Articles', 'FAQ') in green stroke on the cream field
- BeausiteClassic (Regular/Medium/Bold) as the workhorse grotesque paired with DM Serif Text used sparingly for editorial accents
- The acid citron accent #C8CF21 (rgb 200,207,33) reserved for the primary CTA button ('Autoriser tous les cookies') so one hot colour punches out of the muted palette
- Muted sage-tan #C7BFA9 (rgb 199,191,169) as a secondary surface/divider tone that sits between the green and the cream
- Dark bottle-green #1A2218 (rgb 26,34,24) for the deepest UI blocks (cookie card, footer) so the green scale reads as a family
- Body copy at 16px / 19.2px line-height in a single measured column, kept short and calm under the oversized display
Do not copy
- The Mellem wordmark and its exact split-letter 'm e / e m' composition
- BeausiteClassic (a licensed foundry face, not free) - substitute a similar neo-grotesque
- The specific interior lifestyle photography (the ukulele/couch models are real people)
- The French-Quebecois rental copy ('Le condo locatif reinvente', 'Bienvenue a l'ere des locataires')
- The exact forest-green + citron pairing as a lift; re-hue for the new brand
- The 'Maitre Carre' developer branding and project names (Ville-Marie, Manoir-des-Trembles, Grace Dart)