L'identité de votre logiciel, comme les planches d'un designer
Un logiciel à vos couleurs n'est pas qu'un logo en haut à gauche : ce sont des couleurs lisibles, des états compris de tous, une typographie, et des choix qu'on ne remet pas en cause à chaque écran.
smartplatform.cloud présente l'identité de votre application sur une page : ce qu'elle doit dégager, et chaque choix fait avec vous.
Identité visuelle
Votre application
Une application sobre, lisible sur un chantier en plein soleil, qui inspire confiance à vos clients.
Mots-clés
Ce qu'elle doit dégager
SobreLisible sur chantierRassurant
Logos
Horizontal, vertical, carré
Fond clairFond foncéUne couleur
Ce que montre la page
Une identité que l'on peut vérifier
Des contrastes mesurés
Chaque couple de couleurs, un texte sur son fond, un bouton, un trait de focus, est mesuré selon la norme d'accessibilité WCAG. Le niveau atteint s'affiche : AAA, AA, grand texte seulement, ou insuffisant.
Un texte illisible pour un utilisateur malvoyant, ou en plein soleil, se repère avant d'arriver à l'écran.
Identité visuelle
Votre application
| Couple | Rapport | Niveau |
|---|---|---|
| Texte courant | 12,6 : 1 | AAA |
| Bouton principal | 5,2 : 1 | AA |
| Texte secondaire | 3,4 : 1 | Grand texte |
| Lien sur fond foncé | 2,1 : 1 | Insuffisant |
Des couleurs d'état comprises de tous
Vert, orange, rouge, bleu : chaque couleur d'état a un sens, et la page liste les libellés de votre application qui la portent. Une même couleur dit toujours la même chose, d'un écran à l'autre.
Identité visuelle
Votre application
Couleurs d'état
Succès
GagnéeRéceptionné
Avertissement
À relancer
Danger
En retardAnnulé
Information
Planifié
Une typographie et son échelle
La police des titres, celle du texte, et pourquoi elles ont été choisies. L'échelle des tailles, du grand titre à la légende, est écrite dans la page à sa taille réelle.
Les polices sont servies depuis un service européen, sans transmettre l'adresse de vos utilisateurs à un géant du web.
Identité visuelle
Votre application
| Niveau | Police | Taille |
|---|---|---|
| Titre de page | Manrope gras | 32 px |
| Titre de section | Manrope gras | 24 px |
| Texte courant | Inter | 16 px |
| Légende | Inter | 12 px |
- Titres
- Manrope
- Texte
- Inter
Le journal des choix
Chaque décision d'identité est notée avec sa raison : pourquoi ce bleu plutôt qu'un autre, pourquoi pas de photo dans l'espace client. Un nouvel interlocuteur comprend les choix au lieu de les rouvrir.
Identité visuelle
Votre application
Journal des choix
Boutons dans un bleu plus foncé que le logo
Pas de photo dans l'espace client
Questions fréquentes
- Et si nous avons déjà une charte graphique ?
- Elle est reprise : votre logo, vos couleurs et vos polices. Nous l'adaptons à un logiciel, en mesurant les contrastes et en ajoutant les couleurs d'état qu'une charte de communication ne prévoit pas.
- Un logiciel peut-il porter plusieurs marques ?
- Oui. Une enseigne ou un réseau peut avoir ses couleurs et son logo dans le même logiciel : la page montre la marque principale, puis ce qui change pour chacune des autres.
- Quand l'identité se définit-elle ?
- Un premier jet au cadrage, appliqué au logiciel ; puis le design system du socle la décline sur tous les composants de l'interface.
Concevoir
Les autres outils de la conception
Ce que vous aimeriez voir de votre identité
Dites-nous ce qui vous manque pour valider l'identité de votre logiciel : vos besoins orientent les prochains outils de la plateforme.