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.
Expérience souhaitée :
-
Blanc -
Ardoise 50
Expérience souhaitée :
Expérience souhaitée :
-
Blanc -
Ardoise 50
Expérience souhaitée :
Expérience souhaitée :
Expérience souhaitée :
-
Blanc -
Ardoise 50
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
-
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é
Utilisé comme arrière-plan sombre standard.
Primaire 800 Primaire 950 -
Dégradé plus foncé
Utilisé comme arrière-plan sombre alternatif.
Primaire 900 Primaire 950 -
Violet dégradé
Utilisé comme arrière-plan sombre alternatif.
Primaire 500 Primaire 800
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
Sauf indication contraire, les couleurs s'appliquent à des arrière-plans clairs. Les couleurs qui changent en mode sombre sont accompagnées de leur équivalent en mode sombre.
Général
-
Ardoise 800
Couleur de texte par défaut pour les titres, les libellés, le texte mis en évidence et les états actifs.
Mode sombre : Blanc -
Ardoise 600
Texte de corps ou texte moins important.
Mode sombre : Ardoise 300 -
Ardoise 500
Texte de remplacement dans les champs de saisie, badges neutres, texte des menus secondaires et onglets inactifs sur fond sombre.
-
Ardoise 300
Onglets inactifs.
Mode sombre : Ardoise 500 -
Blanc
Titres, libellés, texte en évidence et états actifs sur fond sombre.
-
Primaire 500
Couleur d'accentuation pour les liens textuels, les éléments de navigation actifs et certains sous-titres.
-
Primaire 200
Texte de corps ou texte moins important sur des arrière-plans à dégradé sombre.
Statut
-
Rouge 500
Messages d'erreur et badges de danger.
-
Jaune 500
Badges d'avertissement.
-
Vert 500
Messages de réussite et badges.
-
Bleu 500
Badges d'information.
Autres
-
Ardoise 400
Éléments de navigation inactifs en mode sombre et prix barrés.
-
Ardoise 200
Code en ligne et états de survol des éléments de navigation en mode sombre.
-
Primaire 700
États de survol des liens textuels.
Mode sombre : Primaire 300 -
Primaire 400
Libellés de section sur fond sombre et liens dans les infobulles.
-
Primaire 300
Liens en bas de page, citations et prix barrés sur fond sombre.
-
Primaire 800
Texte des encadrés par défaut.
Mode sombre : Primaire 300 -
Bleu 800
Texte des encadrés d'information.
Mode sombre : Bleu 300 -
Vert 800
Texte des encadrés de réussite.
Mode sombre : Vert 300 -
Rouge 700
Texte des encadrés de danger et messages d'erreur intégrés.
Mode sombre : Rouge 300 -
Jaune 600
Messages d'avertissement intégrés.
-
Vert 600
Puces avec coche et libellés positifs.