Logo
Le logo Emailable est disponible à la fois en tant que logo complet avec le mot-symbole Emailable et en tant qu'icône, chacun avec ses propres variantes de couleurs et ses propres cas d'utilisation. Veuillez respecter les directives d'utilisation ci-dessous.
Logo complet
-
Principal
La version définitive du logo Emailable. À utiliser sur des fonds clairs.
Expérience souhaitée :
-
-
-
-
Lumière
Variante du logo principal avec un texte blanc. À utiliser sur des fonds sombres.
Expérience souhaitée :
-
Noir
À utiliser sur des fonds clairs dans des situations où l'utilisation de la couleur est limitée. Sinon, utiliser la version principale.
Expérience souhaitée :
-
-
-
-
Blanc
À utiliser sur des fonds sombres dans les situations où l'utilisation des couleurs est limitée. Sinon, utilisez la version claire.
Expérience souhaitée :
Icône du logo
-
Principal
La version définitive de l'icône emailable. À utiliser sur des fonds clairs.
Expérience souhaitée :
-
-
-
-
Noir
À utiliser sur des fonds clairs dans des situations où l'utilisation de la couleur est limitée. Sinon, utiliser la version principale.
Expérience souhaitée :
-
-
-
-
Blanc
À utiliser sur des fonds sombres dans les situations où l'utilisation de la couleur est limitée. Sinon, utiliser la version principale.
Expérience souhaitée :
Faire :
-
Laisser un espace suffisant entre le logo et les autres éléments ou bords d'un document (la lettre "e" du logo est une distance de sécurité)
-
Utiliser la bonne variante en fonction du contexte (voir ci-dessus)
Ne le faites pas :
-
Modifier le logo d'une manière non approuvée. Cela inclut, sans s'y limiter, la modification des couleurs, la transformation disproportionnée, l'application d'effets stylistiques (par exemple, lueur, ombre, flou, trait, etc.)
-
Placer le logo sur des fonds où il devient difficile de voir le mot-symbole ou l'une des couleurs de l'icône
Couleurs
La palette de couleurs officielle d'Emailable et les dégradés d'arrière-plan utilisés pour la conception/l'image de marque. Pour l'utilisation des couleurs avec la typographie, voir Couleurs des polices.
Palette
Touchez/cliquez sur un échantillon pour copier son code couleur HEX.
-
Primaire
-
Ardoise
-
Rouge
-
Orange
-
Jaune
-
Vert
-
Cyan
-
Bleu
-
Fuchsia
Dégradés
Tous les dégradés sont radiaux et de forme circulaire. Leurs origines sont situées à 20 % des bords supérieur et droit des formes qu'ils contiennent et s'étendent en diagonale jusqu'au coin inférieur gauche (voir ci-dessous).
-
Dégradé foncé
Le gradient principal. Utilisé comme arrière-plan sombre.
Arrêts de couleur :
-
Dégradé plus foncé
Utilisé comme fond sombre supplémentaire pour contraster le dégradé foncé.
Arrêts de couleur :
-
Violet dégradé
Utilisé comme arrière-plan alternatif ou d'accentuation.
Arrêts de couleur :
Typographie
Les lignes directrices officielles concernant les polices de caractères et la typographie pour Emailable, y compris les graisses de police et l'utilisation des couleurs à travers les différents éléments de l'interface.
Police de caractères
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:'"|\{}[]
-
Régulière 400
Poids par défaut. Utilisé pour le corps du texte, les descriptions, etc.
-
Moyen 500
Utilisé pour certains liens et étiquettes.
-
Semi-gras 600
Utilisé pour les boutons, les badges, les sous-titres et certains chiffres.
-
Gras 700
Utilisé pour les titres, l'accentuation et les états actifs.
Couleurs des polices
-
Ardoise 900
Couleur de texte par défaut. Elle est utilisée pour les titres, les étiquettes, le texte en évidence et les états actifs. Pour les arrière-plans clairs uniquement.
-
Ardoise 700
Utilisé pour le corps du texte ou le texte de moindre importance. Pour les fonds clairs uniquement.
-
Ardoise 500
Utilisé pour les badges neutres.
-
Ardoise 300
Utilisé pour le texte d'insertion ou les états inactifs.
-
Primaire 500
Utilisée comme couleur d'accentuation pour les liens de texte et certains sous-titres.
-
Primaire 200
Utilisé pour le corps du texte ou le texte de moindre importance. Pour les fonds sombres uniquement.
-
Rouge 500
Utilisé pour les messages de danger/d'erreur et les badges.
-
Jaune 500
Utilisé pour les badges d'avertissement.
-
Vert 500
Utilisé pour les messages de réussite et les badges.
-
Bleu 500
Utilisé pour les badges d'alerte/information.
-
Blanc
Utilisé pour les titres, les étiquettes, le texte en évidence et les états actifs. Pour les arrière-plans foncés uniquement.