Design system · 7 octobre 2026
Repères de marque.
Le monogramme, la signature, la palette et les polices de Balinaisa, et les règles qui les tiennent ensemble. Chaque déclinaison se télécharge d'un clic, en PNG pour un document, en SVG pour tout usage qui demande de l'agrandir. Aucun tracé n'a été redessiné : seuls le cadrage et les couleurs changent.
Le monogramme
-
Encre sur sauge clair
La déclinaison en production depuis le 07/10 : favicon et icône d'application.
-
Maskable, sauge clair
Android, qui recadre en cercle : tracé resserré pour survivre au rognage.
-
Encre sur doré
La plaque dorée, favicon jusqu'au 07/10 : pour un support où le sauge clair se perd.
-
Encre sur ivoire
Variante claire, pour un support où le doré jure. Pas sous 32 px.
-
Maskable, doré
La même découpe pour Android, sur la plaque dorée.
-
Détouré, encre
Le tracé seul, sur un fond clair maîtrisé.
-
Détouré, ivoire
Le tracé seul, pour un fond sombre ou une photo.
Le logo est toujours une image, jamais recomposé en fonte. Sur la plaque sauge clair, choisie par Dominique, l'encre tient à 10,70:1 ; sur la plaque dorée, c'est l'encre qui tient, à 5,96:1. Un monogramme filiforme posé sur l'ivoire s'efface sous 32 px, d'où la plaque qui emporte son propre fond pour les favicons.
La signature
La palette
14 couleurs, chacune avec un emploi. Le contraste est mesuré sur l'ivoire ; le seuil de lecture est 4,5:1 pour le texte, 3:1 pour un grand titre ou un contour.
Les fonds
-
Ivoire
· 1,00:1
Le fond de page, partout
-
Ivoire 2
· 1,05:1
Les sections et les panneaux
-
Blanc
· 1,04:1
Les champs et les cartes posées sur l'ivoire
Ce qui porte des mots
-
Encre
· 14,73:1
Tout le texte courant, et le texte des boutons dorés
-
Taupe AA
· 5,24:1
Le texte secondaire et les petits libellés
-
Doré AA
· 4,81:1
Les prix et les messages d'erreur. Survol : #8A4818
Le doré, qui ne porte pas de mots
-
Doré de marque
· 2,47:1
L'aplat de l'action principale, texte encre, et les filets ; la plaque du monogramme jusqu'au 07/10. Survol d'un aplat : #C3875E
Le sauge et l'olive
-
Sauge foncé
· 9,28:1
Les aplats de navigation, le sélecteur de langue, l'état actif d'une action secondaire, texte blanc
-
Olive
· 4,80:1
Depuis le 30/09 : les filets qui s'animent au survol, les contours de focus, les champs actifs
-
Sauge
· 2,82:1
Une action secondaire au repos, texte encre. Jamais de blanc dessus
-
Sauge clair
· 1,38:1
Depuis le 07/10 : la plaque du monogramme (favicon, icônes). L'aplat de l'action secondaire et les fonds doux, texte encre
Les filets et le décor
-
Sable
· 1,65:1
Les bordures des champs, les filets appuyés
-
Sable clair
· 1,20:1
Les séparations discrètes
-
Greige
· 3,48:1
Le premier mot des titres deux tons, en grand texte seulement
Deux valeurs par teinte. Le doré de marque ne donne que 2,47:1 sur l'ivoire : c'est une couleur d'aplat et de logo, pas de texte. Ce qui informe prend une variante de même teinte, doré AA ou taupe AA. Sur un aplat doré on écrit en encre : 5,96:1 sur le doré de marque, 5,14:1 sur le doré plus soutenu que l'aplat prend au survol. Le sauge se lit à l'envers : blanc sur le sauge foncé (9,77:1), encre sur le sauge clair (10,70:1).
La typographie
- Titres
- Le teck pour unique essence.Cormorant Garamond · 500 · repli Georgia
- Intertitres et citations
- Une maison française, un seul bois.Lora · romain et italique · repli Georgia
- Corps, boutons, navigation
- Photographiez votre espace, recevez un aménagement en teck massif et son devis.Inter · 400 à 600 · repli system-ui
- Accroches
- Façonné à la main en Indonésie.Josefin Sans · 300 italique · repli Century Gothic
Les boutons et la navigation
Depuis le 30/09, à la manière de Vincent Sheppard : le libellé en bas de casse, en Inter 16 px, sans capitales chassées. Trois niveaux, un seul appel à l'action par bloc.
- L'action principale : aplat doré de marque, texte encre ; au survol l'aplat fonce d'un cran (#C3875E).
- La secondaire : aplat sauge clair, texte encre ; la tertiaire : filet sauge foncé. Les deux passent au sauge foncé, texte blanc, à l'état actif.
- La navigation : bas de casse, à l'encre ; un filet olive se trace de gauche à droite au survol, jamais de trait permanent sur la rubrique courante. Les menus s'ouvrent en panneau pleine largeur, titres de colonne en serif, page voilée dessous ; sur téléphone, une rubrique se déplie au toucher.
- Le focus : un contour olive d'un pixel ; un champ actif passe sa bordure à l'olive, sans contour ajouté.
Les principes
- Angles droits. Aucun arrondi, nulle part ; images à bord franc, sans cadre ni ombre.
- La hiérarchie par l'échelle, pas par le gras ; colonnes de texte de 45 à 60 caractères, titre et texte l'un sous l'autre.
- Le produit en situation avant le produit détouré ; les prix sur la fiche produit seulement.
- Teck massif d'Indonésie, jamais « Bali » pour la matière ; « façonné à la main », en anglais « shaped by hand ».
- Aucune police web dans un email : Gmail les retire. Les emails emploient les replis, Georgia et system-ui.