Le logo, les couleurs et la typographie de Probant.
Les fichiers à utiliser pour parler de Probant, et les quelques règles qui les accompagnent. Tous les logos sont en SVG, vectoriels, sans police à installer.
Le logo existe en noir et en blanc.
Le noir sur fond clair, le blanc sur fond sombre. Rien d’autre.
- Logo completIcône et logotype, sur fond clair.Télécharger le SVG : Logo complet
- Logo complet, version claireIcône et logotype, sur fond sombre.Télécharger le SVG : Logo complet, version claire
- LogotypeLe mot « probant. » seul, sur fond clair.Télécharger le SVG : Logotype
- Logotype, version claireLe mot « probant. » seul, sur fond sombre.Télécharger le SVG : Logotype, version claire
- IcôneFavicon, avatar, petits formats, sur fond clair.Télécharger le SVG : Icône
- Icône, version claireLes mêmes usages, sur fond sombre.Télécharger le SVG : Icône, version claire
Quatre règles pour le logo.
Noir ou blanc, jamais en couleur.
Le vert, l’orange et l’ambre disent les résultats et les alertes dans le produit. Le logo ne les prend jamais.
En minuscules, avec son point final.
Le logotype s’écrit probant. Dans un texte courant, on écrit Probant, avec une majuscule et sans point.
16 px au minimum pour l’icône.
L’icône ne s’utilise pas en dessous de cette taille.
Une marge de protection d’une demi-icône.
Autour du logo, gardez un espace vide égal à la moitié de la hauteur de l’icône.
Noir, argent et blanc pour la marque.
Les couleurs viennent des jetons du site. Les valeurs sont données en hexadécimal.
- Encre
#111113Logo, titres, boutons principaux. - Encre 2
#3a3a40Texte courant. - Gris
#6b6b72Chapeaux, légendes, textes secondaires. - Gris clair
#8b8b92Mentions discrètes, statut « pas encore probant ». - Trait 2
#d6d6dcBordures des boutons et des champs. - Trait
#e6e6eaFilets de séparation. - Argent 2
#ececf0Pistes et barres vides. - Argent
#f4f4f6Fonds de section, socles des visuels. - Voile
#fafafbFonds de panneaux. - Blanc
#ffffffFond principal, logo sur fond sombre.
Réservées aux résultats et aux alertes
Elles ne servent jamais à la marque ni à la décoration : un point vert veut toujours dire un gain prouvé.
- Gain
#12a26bPoint d’un résultat positif prouvé. - Gain, texte
#0b7a53Chiffres et coches d’un résultat positif. - Perte
#e0663aPoint d’un résultat négatif prouvé. - Perte, texte
#c2410cChiffres d’un résultat négatif. - Alerte
#e39b2ePoint d’une alerte : garde-fou, répartition anormale. - Alerte, texte
#a15c07Texte d’une alerte.
Une seule famille : Instrument Sans.
Trois graisses, 400, 500 et 600, et un axe de largeur : les grands chiffres se resserrent à 75 %, le texte garde sa largeur normale. La police est distribuée sous licence SIL Open Font License.
probant.
- Regular 400Texte courant, chapeaux et légendes.
- Medium 500Boutons, liens, libellés.
- Semibold 600Titres, statuts et logotype.
- Largeur 75 %0123456789
Probant Ou pas encore…
Créez votre espace, ou explorez d’abord la démo avec les données d’une boutique fictive.
- Démo ouverte, sans inscription
- Forfait fixe, jamais de dépassement
- Données hébergées à Paris