Système de marque pour un conseil en immobilier

Un cabinet de conseil en immobilier d’entreprise. La mission : prendre une marque qui n’existait que dans un fichier Figma, en faire un système avec lequel n’importe qui peut produire, puis s’en servir pour réaliser une plaquette et une brochure pour un immeuble de bureaux.

Un fichier Figma qui présentait la marque comme une planche auto-documentée, en sections 01 à 08. Aucun token exporté, aucun guide de style. La marque avait déjà une règle à garder : les loyers et les conditions viennent de l’export de données interne du cabinet, jamais d’une brochure commerciale.

Décoder le fichier plutôt que de l’interpréter à l’œil. Un fichier Figma est une archive dont les données de scène sont dans un format binaire. Lire ce format directement a donné 776 nœuds et 236 calques de texte, dans l’ordre. Chaque token vient des propres libellés du designer, puis un audit d’usage a vérifié comment chaque valeur était vraiment employée : 29 entrées de couleur, 53 entrées typographiques, 3 polices. Deux règles ont été gardées telles quelles : aucun coin arrondi, et un fond papier chaud, parce qu’une page blanc pur ne fait pas partie de la marque.

Puis une charte qui ne dépend pas du support, en 11 sections. Chaque document part d’un seul fichier HTML maître, le PDF en est tiré, et chaque page est rastérisée et regardée avant d’être livrée. Les règles éditoriales sont écrites : le français par défaut, un ton institutionnel, ne jamais inventer, écrire « Non communiqué » quand la source se tait, indiquer sur chaque document qu’il n’est pas contractuel.

Un jeu de tokens sous quatre formes : variables CSS, JSON, guide de style rendu et audit d’usage. Un système de 9 rôles de couleur nommés et une échelle d’espacement sur une grille de 8 px, de 8 à 320 px en 14 paliers. Une plaquette finie de 9 pages A4, en PDF, en HTML et en Word. Je n’ai pas de trace des retours du client sur les documents.

Non documenté. La charte est une recette de production que chacun peut rejouer.

Temps gagné : non mesuré.

• Design system : guide de style, tokens en CSS et en JSON, audit d’usage
• Les 236 calques de texte en texte brut
• Charte de marque et guide de production
• Plaquette de l’immeuble en PDF, HTML et Word
• Brochures en PDF
• Logo en SVG