Charte graphique
Marque
Tout ce qu’il vous faut pour placer le logo Vodlix sur un site, une présentation, un article ou une bannière d’événement — les fichiers, les couleurs, la typographie et les quelques erreurs à éviter. Aucun formulaire d’autorisation, aucune attente de notre part.
Le logo
Quatre versions, une par type de fond. Choisissez selon la surface sur laquelle vous le placez, pas selon le fichier que vous avez déjà.
Sur le blanc et les surfaces claires — le logo pour fonds clairs. C’est la version principale et le bon choix par défaut.Sur le noir et les surfaces sombres — le logo pour fonds sombres. Le symbole rouge se lit nettement sur un quasi-noir.
Sur le rouge de marque et sur le dégradé — blanc monochrome uniquement. Un symbole rouge sur du rouge ne se lit pas.
Le logo pour fonds clairs a un logotype légèrement plus gras que celui pour fonds sombres. C’est voulu et cela restera ainsi — cela compense l’impression d’amincissement du texte sur un fond clair. Utilisez chaque version sur le fond pour lequel elle est prévue plutôt que de corriger vous-même la graisse.
Utilisez le SVG partout où le support le permet — il reste net à toute taille et s’imprime correctement. Les PNG sont réservés aux usages qui n’acceptent pas le vectoriel.
Zone de protection et taille minimale
Laissez de l’espace au logo et ne le réduisez jamais au point de rendre le logotype illisible.
Zone de protection
Conservez de chaque côté une marge libre d’au moins la moitié de la hauteur du logo. Rien — texte, bord d’image, autre logo, bordure — ne doit entrer dans cette zone.
Taille minimale
En dessous, le logotype commence à s’empâter. S’il vous le faut plus petit, utilisez plutôt l’icône seule.
Couleur
Le rouge de marque est #E61D2C. C’est un accent, pas une surface — Vodlix est une marque en blanc et noir ponctuée de rouge ; les grands aplats rouges ne font donc pas partie du style maison.
#E61D2C#DB1223#FDEDEE#0C0C0E#3A3A42#8F8F99#E7E7EC#FFFFFF#FBFBFC#101014#0E0E11#16161A#F5F5F7#26262C#F03935#E61D2C#FF0000#EEAB6E#F89436Le dégradé est réservé aux surfaces hero et à la typographie de titrage — jamais sur une icône, un badge ou un bouton. Sur le dégradé, le logo est en blanc monochrome.
Typographie
Deux polices, toutes deux gratuites et disponibles sur Google Fonts, pour reproduire une mise en page Vodlix sans acheter de licence.
Titres, intitulés de cartes et d’offres, chiffres clés, la marque en pied de page. Graisses 400–700.
Tout le reste : texte courant, libellés, boutons, tableaux. Graisses 400–700. Ses déclinaisons Noto couvrent l’arabe, le chinois et le japonais, c’est pourquoi elle sert de police de texte.
Rabattez-vous sur la police sans empattement du système (system-ui, puis Helvetica ou Arial). Ne la remplacez ni par une police à empattements ni par une police condensée.
Le chapô — un cran nettement en dessous du titre, pas en taille de titrage.18px
Texte courant. Vodlix vous offre la plateforme que les grands services de streaming ont construite pour eux-mêmes — site web, applications, abonnements et analytique — sans équipe d’ingénieurs.15.5px
Les titres ont un interlettrage de −2 %. Les nombres — prix, statistiques, valeurs de tableau — sont composés en chiffres tabulaires pour que les colonnes s’alignent.
Ce qu’il ne faut pas faire
Le logo est une création graphique figée. Placez-le, redimensionnez-le proportionnellement et ne touchez à rien d’autre.
Par ailleurs : ne placez pas le logo dans une forme ou un cadre de votre cru, ne l’utilisez pas d’une manière qui suggère un partenariat ou une recommandation que nous n’avons pas convenus, et ne l’intégrez pas au nom ou au logo de votre propre produit.
Télécharger les fichiers
Tout ce qui figure sur cette page, à l’unité ou dans une seule archive. Du SVG quand le support le permet, du PNG sinon.
Besoin de quelque chose qui ne figure pas ici ?
Un format inhabituel, un fichier prêt à imprimer, une capture d’écran du produit, ou une vérification de ce que vous avez réalisé — demandez-nous et nous vous l’enverrons.