Identité visuelle · Édition 01
Dimensia, Atelier.
Un gris de calque, jamais de blanc pur. L’interface s’efface autour du bâtiment, fait ressortir les mesures et indique clairement la prochaine action. Un seul endroit reste sombre : la fenêtre 3D, parce qu’une maquette blanche a besoin de fond noir pour se détacher.
01 / Signature
Des plans qui deviennent un volume.
Le symbole représente trois plans superposés. Le nom reste en bas de casse, sans effet de matière ni ombre. Préserver une marge libre de 16 px autour de la signature. Hauteur minimale du symbole : 28 px ; le symbole seul convient aux espaces compacts.
02 / Couleurs
Une couleur, un rôle.
Calque
#F0F2F5Fond de l’application
Papier
#FAFBFCPanneaux et cartes
Creux
#E6EAF0Champs, puits et surfaces en retrait
Structure
#DDE2E8Séparateurs et contours
Encre
#15202BTitres et données principales
Graphite
#5D6B7ALibellés et aide
Bleu d’encre
#1B4FB8Action principale et sélection
Ocre
#A96A14Attention et volume principal
Atelier
#101923Fond de la fenêtre 3D, et lui seul
Le bleu d’encre guide les actions. Les volumes et les arêtes conservent leur propre légende métier — et comme leurs teintes sont calibrées pour la scène sombre, elles sont assombries de moitié avant d’être écrites en texte sur un panneau clair : même teinte, même identité, contraste tenu. Un état est toujours accompagné d’un libellé : la couleur ne porte jamais seule l’information.
03 / Typographie
Inter. Lisible avant tout.
Titre de page · 32–40 px
Votre bâtiment, en détail.
Titre de section · 20–24 px
Surfaces de toiture
Texte · 14–16 px
Sélectionnez un versant pour afficher ses mesures.
Donnée · chiffres tabulaires
83,47 m²
Libellé · 12 px
Surface développée · m²
04 / Composants
Des repères familiers.
États et retours
✓ Exemple · relevé enregistré
! Exemple · mesure à vérifier
Une valeur absente s’affiche « — », jamais « 0 ».
Champ de saisie
Un libellé visible, une aide courte et un focus net.
Détails à la demande
Façades · exemple de section
Les détails apparaissent quand ils sont utiles. Les mesures clés et la visualisation restent accessibles en premier.
05 / Composition & usage
Moins de bruit, plus de repères.
Espacement
Base de 4 px. Espaces usuels : 8, 12, 16, 24 et 32 px. Regrouper les éléments liés et séparer les étapes.
Surfaces
Un seul rayon de carte : 14 px, partout. Ce qui détache une carte du fond n’est pas son ombre mais son contour d’un pixel ; l’ombre ne fait que la poser sur le papier.
Navigation
Nouveau relevé → modèle 3D ou vue aérienne → mesures → devis si disponible. La liste des relevés reste à portée de clic.
Scène 3D
Le seul endroit sombre, et c’est voulu : l’interface est claire, l’atelier est sombre. Terrain discret, mitoyens désaturés, bâtiment mesuré clair. Ce qu’on y pose — cartouches, cotes, boutons — est presque blanc et légèrement flouté.
Accessibilité
Texte courant à contraste AA. Focus visible, commandes utilisables au clavier, zoom navigateur autorisé et mouvements réduits respectés.
Ton éditorial
Des verbes concrets, des phrases courtes et des unités visibles. Nommer les incertitudes sans promettre une précision absolue.