Le Logo Emailable
Lorsque vous utilisez le logo Emailable, assurez-vous de laisser suffisamment d'espace autour du périmètre du logo en utilisant la hauteur/largeur de la lettre «e» du logo comme distance minimale. Veillez également à utiliser la version correcte du logo en fonction du scénario dans lequel il doit être utilisé (voir ci-dessous).
Télécharger le kit de logoMain
Utilisez la version Main sur des arrière-plans clairs. N'utilisez pas le logo sur des arrière-plans colorés qui rendent les couleurs du logo plus difficiles à voir.
Light
Utilisez la version Light sur des arrière-plans sombres. N'utilisez pas le logo sur des arrière-plans colorés qui rendent les couleurs du logo plus difficiles à voir.
Noir
Utilisez la version noire sur des fonds clairs lorsque l'utilisation de la couleur est limitée ou lorsque cela est absolument nécessaire. Sinon, utilisez la version principale. Couleurs de fond préférées : Blanc
White
Utilisez la version White sur des arrière-plans sombres uniquement lorsque cela est absolument nécessaire. Sinon, utilisez le logo Light.
Icône
Lorsque vous utilisez l'icône Emailable, veillez à laisser suffisamment d'espace autour du périmètre de l'icône (des exemples peuvent être trouvés à l'intérieur du kit de logo). Assurez-vous également d'utiliser la version correcte de l'icône en fonction du scénario dans lequel elle doit être utilisée afin que les couleurs de l'icône ne deviennent pas difficiles à voir (voir ci-dessous).
Principal
Utilisez la version principale sur des fonds clairs ou sombres. Couleurs d'arrière-plan préférées : Blanc, Foncé, Dégradé foncé
Noir
Utilisez la version noire sur des fonds clairs. Couleurs d'arrière-plan préférées : Violet - Nuance 2, Foncé, Dégradé foncé
Blanc
Utilisez la version blanche sur des fonds sombres lorsque l'utilisation de la couleur est limitée ou lorsque cela est absolument nécessaire. Couleurs d'arrière-plan préférées : Violet - Nuance 2, Foncé, Dégradé violet, Dégradé foncé
Couleurs
Violet
- RGB 126, 97, 255
- CMYK 0.506, 0.620, 0.000, 0.000
- HEX #7E61FF
Violet - Teinte 1
- RGB 147, 122, 255
- CMYK 0.424, 0.522, 0.000, 0.000
- HEX #937AFF
Violet - Teinte 2
- RGB 167, 148, 255
- CMYK 0.345, 0.420, 0.000, 0.000
- HEX #A794FF
Violet - Teinte 3
- RGB 188, 173, 255
- CMYK 0.263, 0.322, 0.000, 0.000
- HEX #BCADFF
Violet - Teinte 4
- RGB 209, 198, 255
- CMYK 0.180, 0.224, 0.000, 0.000
- HEX #D1C6FF
Violet - Teinte 1
- RGB 90, 61, 179
- CMYK 0.497, 0.659, 0.000, 0.298
- HEX #5A3DB3
Violet - Teinte 2
- RGB 51, 32, 94
- CMYK 0.457, 0.660, 0.000, 0.631
- HEX #33205E
Sombre
- RGB 26, 16, 47
- CMYK 0.447, 0.660, 0.000, 0.816
- HEX #1A102F
Rouge
- RGB 255, 95, 125
- CMYK 0.000, 0.627, 0.510, 0.000
- HEX #FF5F7D
Orange
- RGB 255, 156, 91
- CMYK 0.000, 0.388, 0.643, 0.000
- HEX #FF9C5B
Jaune
- RGB 255, 203, 96
- CMYK 0.000, 0.204, 0.624, 0.000
- HEX #FFCB60
Vert
- RGB 92, 215, 170
- CMYK 0.572, 0.000, 0.209, 0.157
- HEX #5CD7AA
Vert 2
- RGB 63, 179, 163
- CMYK 0.648, 0.000, 0.089, 0.298
- HEX #3FB3A3
Gris
- RGB 120, 110, 175
- CMYK 0.314, 0.371, 0.000, 0.314
- HEX #786EAF
Gris - Teinte 1
- RGB 145, 133, 208
- CMYK 0.303, 0.361, 0.000, 0.184
- HEX #9185D0
Gris - Teinte 2
- RGB 180, 172, 226
- CMYK 0.204, 0.239, 0.000, 0.114
- HEX #B4ACE2
Gris - Teinte 3
- RGB 217, 213, 241
- CMYK 0.100, 0.116, 0.000, 0.055
- HEX #D9D5F1
Gris - Teinte 1
- RGB 92, 82, 146
- CMYK 0.370, 0.438, 0.000, 0.427
- HEX #5C5292
Gris - Teinte 2
- RGB 69, 62, 109
- CMYK 0.367, 0.431, 0.000, 0.573
- HEX #453E6D
Gris - Teinte 3
- RGB 44, 38, 76
- CMYK 0.421, 0.500, 0.000, 0.702
- HEX #2C264C
Typographie
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- Light 300
- Regular 400
- Medium 500
- Semibold 600
- Bold 700
Aa
Titres
Aa
Sous-titres
Aa
Le corps du texte
Espacement
Titres
Les titres doivent avoir une hauteur de ligne de 1.3em ou {font size} * 1.3
Le corps du texte
Le corps du texte doit avoir une hauteur de ligne de 1.75em ou {font size} * 1.75
Couleurs du texte
Violet
Utilisé pour les sous-titres qui se trouvent au-dessus des titres principaux. Utilisez uniquement sur des arrière-plans clairs.
Violet - Teinte 3
Utilisé pour le corps du texte et d'autres scénarios dans lesquels une couleur plus sobre est appropriée. Utilisez uniquement sur des arrière-plans sombres.
Violet - Teinte 4
Utilisé pour le corps du texte et d'autres scénarios dans lesquels une couleur plus sobre est appropriée. Utilisez uniquement sur des arrière-plans violets.
Gris
Utilisé pour le corps du texte et d'autres scénarios dans lesquels une couleur plus sobre est appropriée. Utilisez uniquement sur des arrière-plans clairs.
Gris - Teinte 2
Utilisé pour les sous-titres dans lesquels une couleur plus sobre que le violet est appropriée. Utilisez uniquement sur des arrière-plans clairs.
Gris - Teinte 1
Utilisé pour le corps du texte à l'intérieur des articles avec plusieurs paragraphes.
Éléments de Design
Dégradé Sombre
Utilisé chaque fois qu'un fond sombre est nécessaire/souhaité. Ce dégradé est un cercle dont le centre part à 20% de la droite et à 20% du bas de l'élément.
- 0%Violet - Teinte 2
- 100%Sombre
Dégradé Violet
Utilisé chaque fois qu'un arrière-plan plus clair et plus coloré est nécessaire/souhaité. Ce dégradé est un cercle dont le centre part à 20% de la droite et à 20% du bas de l'élément.
- 0%Violet
- 100%Violet - Teinte 1