Identité visuelle · Édition 01
Dimensia, Atelier.
Un espace sombre, précis et calme. L’interface s’efface autour du bâtiment, fait ressortir les mesures et indique clairement la prochaine action.
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.
Graphite
#0D1218Fond de l’application
Ardoise
#151E29Panneaux et cartes
Relief
#1D2937Survol et surfaces secondaires
Structure
#304052Séparateurs et contours
Craie
#EDF3F8Titres et données principales
Brume
#A1B0C1Libellés et aide
Menthe
#63E2C1Action principale et sélection
Ambre
#F3BC73Attention et volume principal
Le turquoise guide les actions. Les volumes et les arêtes conservent leur propre légende métier. 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
Rayons de 10 px pour les actions, 12 à 16 px pour les panneaux. Bordures fines ; ombres réservées aux surfaces en relief.
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
Fond sombre, terrain discret, volumes voisins désaturés et bâtiment mesuré clair. Les repères de couleur sont nommés dans la légende.
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.