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.
Slate
Utilisez la version Slate sur des arrière-plans clairs uniquement lorsque cela est absolument nécessaire. Sinon, utilisez le logo Main.
White
Utilisez la version White sur des arrière-plans sombres uniquement lorsque cela est absolument nécessaire. Sinon, utilisez le logo Light.
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
Voici différents éléments visuels utilisés pour représenter la marque Emailable.
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