Screenshot of Mellem

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)