Tout ce qu'il vous faut pour mentionner Vehicle Imagery : le logotype pour fonds clairs et sombres, les couleurs, la typographie et les quelques règles qui tiennent l'ensemble.
Le logotype est le logo principal ; le symbole sert aux petits espaces comme les icônes d'application et les avatars. Le SVG s'adapte à toute taille et convient presque partout ; les PNG sont grands et transparents.
Pour les endroits en dehors d'un outil de conception, une signature d'email avant tout: ces adresses ne changent jamais, donc un logo collé dans un modèle aujourd'hui résout encore dans un an. Liez-les directement, aucun téléchargement nécessaire.
sombre est la version encre, pour les fonds clairs. blanc est pour les fonds sombres.
complet est le logotype, symbole est le logo seul.
PNG est à la largeur à laquelle un logo se trouve réellement dans un email, 400px pour le logotype et 256px pour le logo. Ajoutez @2x avant l'extension pour deux fois cette taille sur les écrans haute densité.
Chaque PNG a un fond transparent. Dans un email, cela signifie que la version sombre disparaît sur un modèle sombre, alors choisissez celle qui correspond à l'endroit où elle va.
Dans un email, utilisez le PNG. La plupart des clients, Gmail et Outlook notamment, refusent d'afficher un SVG dans le corps du message, donc le logo arrive sous forme de boîte vide. Le SVG est pour le web et pour les œuvres d'art imprimées.
Donnez une largeur et une hauteur explicites à l'image dans le balisage. Outlook ignore le dimensionnement CSS sur les images et l'affiche sinon en taille réelle.
La palette réellement utilisée par le site et le produit. L'encre et le blanc portent la marque ; les bleus sont des accents, les neutres chauds sont des fonds.
#111418
Encre
Surfaces sombres, boutons, le logotype sur fond clair
#5680E0
Bleu d'accent
Liens, mises en avant, accents interactifs
#102A56
Bleu profond
États de chargement et profondeur sur surfaces claires
#F6F4F1
Blanc chaud
Sections de fond neutres et chaudes
#E8E6E3
Neutral
Cartes et séparateurs sur fonds chauds
#FFFFFF
Blanc
Fond de base, le logotype sur fond sombre
Typographie
Une seule typographie pour tout : Geist, avec Arial en secours système. Les titres sont serrés, le texte courant garde un interlignage confortable.
Chaque véhicule, impeccable et à la demande.
Geist porte les titres, l'interface et le texte courant. Si elle ne se charge pas, Arial préserve la mise en page.
Regular 400Medium 500Semibold 600
Usage
En bref : utilisez les fichiers tels qu'ils sont livrés et laissez-leur de l'espace.
Écrivez le nom en deux mots : Vehicle Imagery.
Utilisez le logotype encre sur fonds clairs et le blanc sur fonds sombres.
Laissez autour du logo au moins la hauteur du V.
N'utilisez le symbole seul que là où le logotype ne rentre pas, par exemple pour les icônes d'application et les avatars.
Ne recolorez pas, n'étirez pas, ne faites pas pivoter, ne contourez pas et n'ajoutez pas d'effets au logotype.
Ne placez pas le logotype sur des photos chargées ou des fonds à faible contraste.
Ne reconstruisez pas le logotype dans une autre typographie.
Vous écrivez sur nous ?
Nous fournissons volontiers de vraies images issues de l'API, des chiffres ou une citation. Un e-mail suffit.
