Charte typographique

Le système typographique

Démonstration des styles globaux configurés dans le kit Elementor du site Immo Nest. Document de référence interne pour la cohérence éditoriale et le respect de la direction visuelle.

01 — Heading 1

Cormorant Garamond · Regular 400 · 5rem (~80px) · line-height 1.05 · tracking -0.01em · Ink #1A1A1A
Usage : titre principal de page (1 seul par page pour le SEO). Hero, page d’accueil.

Chaque bien que nous représentons,
nous l’avons d’abord choisi.

02 — Heading 2

Cormorant Garamond · Regular 400 · 3.5rem (~56px) · line-height 1.1 · tracking -0.01em · Ink
Usage : titre de section majeure. Plusieurs autorisés par page.

Architecture, matière, lumière.

Pourquoi ces choix.

03 — Heading 3

Cormorant Garamond · Regular 400 · 2.25rem (~36px) · line-height 1.2 · Ink
Usage : sous-section, titre de bloc de contenu, témoignage signature.

Hybride sombre / clair plutôt que monochrome

L’or en accent, jamais en aplat

04 — Heading 4

Inter · Medium 500 · 1.125rem (~18px) · line-height 1.4 · Ink
Usage : titre fonctionnel — carte de bien, label de fiche, titre de carte produit.

Maison de maître rénovée, jardin sud

Villa contemporaine, vue dégagée

Penthouse duplex, terrasse 80m²

05 — Heading 5

Inter · Medium 500 · 0.9rem (~14px) · tracking 0.05em · Ink
Usage : petits intertitres, métadonnées renforcées, sous-titres dans des cartes.

Caractéristiques techniques
Localisation · Uccle
06 — Heading 6 · Eyebrow

Inter · Medium 500 · 0.7rem (~11px) · uppercase · tracking 0.25em · Gold #C99A2E
Usage : label de section au-dessus d’un titre, eyebrow décoratif. Signature visuelle récurrente du moodboard.
Note technique : pour les eyebrows purement décoratifs, préférer une balise <div> avec ce style plutôt qu’un vrai H6, pour ne pas polluer la hiérarchie SEO.

01 — Couleurs
Bruxelles · Brabant Wallon
Direction visuelle V1
07 — Body / Texte courant

Inter · Light 300 · 1rem (~16px) · line-height 1.6 · Ink
Usage : texte courant. Le poids 300 (Light) donne une légèreté éditoriale alignée sur la posture haut de gamme du moodboard.

Chaque acquisition immobilière est singulière. Notre rôle ne consiste pas à diffuser une annonce ; il consiste à comprendre vos contraintes, identifier les biens qui méritent votre temps, et négocier les conditions qui vous protègent. Nous travaillons avec un nombre limité de mandats pour garantir la qualité de chaque accompagnement.

Immo Nest accompagne propriétaires et acquéreurs sur Bruxelles et le Brabant Wallon. Vendre, acquérir, ou simplement faire estimer — entrons en conversation.

08 — Liens dans le texte

Inter · Regular 400 · hérite de la taille parente · Couleur Gold #C99A2E · hover Navy Deep #15173B

Nous accompagnons des projets exigeants — découvrez nos mandats actuels ou prenez contact pour une conversation préliminaire. La majorité de nos missions naissent de recommandations directes.

09 — Boutons

Inter · Medium 500 · 0.875rem (~14px) · uppercase · tracking 0.2em
Variantes : primaire (Navy plein), secondaire (Gold plein), ghost (bordure).

Lien CTA texte (variante moodboard) :

Découvrir les mandats  →

10 — Hiérarchie en situation

Exemple complet d’une section de page combinant eyebrow, titre, sous-titre et corps de texte.

05 — Biens

Lisibilité avant tout.

Les pages biens basculent en clair pour faciliter le scan, la comparaison, la lecture des données techniques. La signature visuelle persiste via la typo, l’or et le navy en accents — mais la lumière domine.

Maison de maître rénovée, jardin sud

Localisation · Uccle

Une demeure historique entièrement rénovée, conservant ses moulures d’origine et ses parquets en chevron. Découvrir le mandat →