Accueil / Charte graphique

Charte graphique

Notre marque, en un seul endroit.

Logos, couleurs et règles d’utilisation pour nos partenaires, nos clients et la presse. Utilisez ces fichiers chaque fois que vous présentez Leadspotion, pour que notre marque reste cohérente partout.

Télécharger le kit logo

Nous contacter

●●● leadspotion.com/fr/graphic-chart

Couleurs de marque

#1C1F3B

#6370D4

#FFFFFF

Typographie

DM Sans Bold, pour les titres

DM Sans Regular, pour le texte courant et l’interface

SVG · PNG détouré · PNG à fond intégré · 1600 px

Logos

Nos fichiers logo

Utilisez toujours les fichiers originaux ci-dessous. Ne redessinez pas, ne retapez pas et ne recolorez pas le logo.

Logo pour fonds foncés

Logotype blanc. À utiliser sur le bleu marine, l’indigo, la pervenche ou des photos sombres. C’est notre version principale.

Logo pour fonds clairs

Logotype bleu marine. À utiliser sur le blanc, le bleu pâle ou d’autres fonds clairs, les documents et l’impression.

Logo monochrome blanc

Version entièrement blanche. Réservez-la aux fonds colorés, aux photos chargées et à l’impression en une couleur.

Symbole couleur

Utilisez la fiole seule lorsque la place manque : avatars, icônes d’application et favicons.

Symbole blanc

Le symbole en une couleur, pour les fonds foncés et les photos.

Formats

Quel format choisir ?

Choisissez le type de fichier selon l’endroit où le logo apparaîtra, et ne descendez jamais sous la taille minimale.

90 px

Largeur minimale du logo à l’écran : sites web, réseaux sociaux et e-mails.

25 mm

Largeur minimale du logo à l’impression.

½ hauteur

Zone de protection : laissez au moins la moitié de la hauteur du logo libre de chaque côté.

Format

Usages

SVG (vectoriel)

Sites web, présentations et impression. S’adapte à toutes les tailles sans perte de qualité. À privilégier dès que possible.

PNG détouré

Pour placer le logo sur une couleur ou une photo dans les outils qui n’acceptent pas le SVG, comme les publications sur les réseaux sociaux et les signatures e-mail.

PNG à fond intégré

Photos de profil, miniatures et partout où vous ne maîtrisez pas le fond.

PDF ou EPS

Impression professionnelle, signalétique et objets promotionnels. Contactez-nous et nous vous enverrons le bon fichier.

Couleurs

Notre palette de couleurs

Les tons bleu marine portent la marque. La pervenche sert d’accent pour les actions et les points clés. Les teintes douces apaisent les sections claires.

Principale

Bleu marine

#1C1F3B

Fond foncé principal, titres et texte sur les sections claires.

Secondaire

Indigo

#252849

Cartes et panneaux sur les sections foncées.

Accent

Pervenche

#6370D4

Boutons, liens et points clés.

Accent foncé

Pervenche foncée

#5562C8

Survol des boutons et étiquettes sur les sections claires.

Accent clair

Pervenche claire

#939CEA

Étiquettes et accents sur les sections foncées.

Teinte

Lavande

#D6D9EF

Bordures, séparateurs et texte doux sur fond foncé.

Fond

Bleu pâle

#F4F5FB

Fond alterné des sections claires.

Texte

Ardoise

#4A4E72

Texte des paragraphes sur fond clair.

Utilisation

Ce que nous faisons, ce que nous évitons

À faire

Ce que nous faisons

Utiliser les fichiers logo originaux, sans modification.
Utiliser le logo blanc sur fond foncé et le logo bleu marine sur fond clair.
Laisser une zone de protection autour du logo.
Associer le logo à DM Sans et à notre palette.
Choisir le SVG dès que l’outil le permet.

À éviter

Ce que nous évitons

Étirer, écraser ou faire pivoter le logo.
Modifier les couleurs du logo ou ajouter des effets (ombres, contours, dégradés).
Placer le logo sur un fond chargé ou peu contrasté.
Retaper « Leadspotion » dans une autre police au lieu d’utiliser le logo.
Utiliser le logo en dessous de la taille minimale.

Typographie

Une seule police : DM Sans

Une police sans empattement, nette et moderne, pour tous les titres, paragraphes et boutons. Elle est gratuite sur Google Fonts.

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ % $ !

Regular Medium SemiBold Bold

Titre 1
Bold · 62 px

Développez votre activité

Titre 2
Bold · 48 px

Des sites qui convertissent

Titre 3
Bold · 20 px

Référencement naturel

Surtitre
Medium · 12 px · majuscules

Nos services

Texte courant
Regular · 16–18 px

Nous aidons les petites entreprises à être trouvées en ligne, à attirer plus de clients et à gagner du temps grâce à des outils numériques simples.

Boutons

Styles de boutons

Angles droits, DM Sans SemiBold. Un bouton plein pour l’action principale, un bouton contour pour l’action secondaire.

Sur les sections foncées

Commencer

Plein : pervenche, plus foncé au survol. Contour : bordure blanche, fond blanc et texte bleu marine au survol.

Sur les sections claires