Logo Emailable
Korzystając z logo Emailable, pozostaw wokół niego pole ochronne, stosując wysokość szerokość litery „e” z logo jako minimalną odległość. Upewnij się również, że używasz odpowiedniej wersji logo w zależności od sytuacji, w jakiej ma być używane (patrz poniżej).
Pobierz Zestaw Logo
Wersja Podstawowa
Używaj Wersji Podstawowej na jasnym tle. Nie używaj tej wersji na kolorowym tle, które sprawia, że którykolwiek z kolorów logo jest słabo widoczny.
Wersja Jasna
Używaj Wersji Jasnej na ciemnym tle. Nie używaj tej wersji na kolorowym tle, które sprawia, że którykolwiek z kolorów logo jest słabo widoczny.
Czarny
Używaj czarnej wersji na jasnym tle, gdy użycie koloru jest ograniczone lub gdy jest to absolutnie konieczne. W przeciwnym razie użyj wersji głównej. Preferowane kolory tła: Biały
Wersja Negatywowa
Używaj Wersji Negatywowej na ciemnym tle tylko wtedy, gdy jest to absolutnie konieczne. W przeciwnym razie użyj Wersji Jasnej.
Ikona
Korzystając z ikony Możliwość wysyłania e-maili, pamiętaj o pozostawieniu wystarczającej ilości miejsca na obwodzie ikony (przykłady można znaleźć w zestawie z logo). Należy także pamiętać o zastosowaniu właściwej wersji ikony w zależności od scenariusza, w którym ma ona zostać użyta, tak aby żaden z kolorów ikony nie stał się trudny do zauważenia (patrz poniżej).
Główny
Użyj głównej wersji na jasnym lub ciemnym tle. Preferowane kolory tła: Biały, Ciemny, Ciemny Gradient
Czarny
Użyj czarnej wersji na jasnym tle. Preferowane kolory tła: Fioletowy - Odcień 2, Ciemny, Ciemny Gradient
Biały
Używaj białej wersji na ciemnym tle, gdy użycie koloru jest ograniczone lub gdy jest to absolutnie konieczne. Preferowane kolory tła: Fioletowy - Odcień 2, Ciemny, Fioletowy Gradient, Ciemny Gradient
Kolory
Purpurowy
- RGB 126, 97, 255
- CMYK 0.506, 0.620, 0.000, 0.000
- HEX #7E61FF
Fioletowy - Odcień 1
- RGB 147, 122, 255
- CMYK 0.424, 0.522, 0.000, 0.000
- HEX #937AFF
Fioletowy - Odcień 2
- RGB 167, 148, 255
- CMYK 0.345, 0.420, 0.000, 0.000
- HEX #A794FF
Fioletowy - Odcień 3
- RGB 188, 173, 255
- CMYK 0.263, 0.322, 0.000, 0.000
- HEX #BCADFF
Fioletowy - Odcień 4
- RGB 209, 198, 255
- CMYK 0.180, 0.224, 0.000, 0.000
- HEX #D1C6FF
Fioletowy - Odcień 1
- RGB 90, 61, 179
- CMYK 0.497, 0.659, 0.000, 0.298
- HEX #5A3DB3
Fioletowy - Odcień 2
- RGB 51, 32, 94
- CMYK 0.457, 0.660, 0.000, 0.631
- HEX #33205E
Ciemny
- RGB 26, 16, 47
- CMYK 0.447, 0.660, 0.000, 0.816
- HEX #1A102F
Czerwony
- RGB 255, 95, 125
- CMYK 0.000, 0.627, 0.510, 0.000
- HEX #FF5F7D
Pomarańczowy
- RGB 255, 156, 91
- CMYK 0.000, 0.388, 0.643, 0.000
- HEX #FF9C5B
Żółty
- RGB 255, 203, 96
- CMYK 0.000, 0.204, 0.624, 0.000
- HEX #FFCB60
Zielony
- RGB 92, 215, 170
- CMYK 0.572, 0.000, 0.209, 0.157
- HEX #5CD7AA
Zielony 2
- RGB 63, 179, 163
- CMYK 0.648, 0.000, 0.089, 0.298
- HEX #3FB3A3
Szary
- RGB 120, 110, 175
- CMYK 0.314, 0.371, 0.000, 0.314
- HEX #786EAF
Szary - Odcień 1
- RGB 145, 133, 208
- CMYK 0.303, 0.361, 0.000, 0.184
- HEX #9185D0
Szary - Odcień 2
- RGB 180, 172, 226
- CMYK 0.204, 0.239, 0.000, 0.114
- HEX #B4ACE2
Szary - Odcień 3
- RGB 217, 213, 241
- CMYK 0.100, 0.116, 0.000, 0.055
- HEX #D9D5F1
Szary - Odcień 1
- RGB 92, 82, 146
- CMYK 0.370, 0.438, 0.000, 0.427
- HEX #5C5292
Szary - Odcień 2
- RGB 69, 62, 109
- CMYK 0.367, 0.431, 0.000, 0.573
- HEX #453E6D
Szary - Odcień 3
- RGB 44, 38, 76
- CMYK 0.421, 0.500, 0.000, 0.702
- HEX #2C264C
Typografia
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- Light 300
- Regular 400
- Medium 500
- Semibold 600
- Bold 700
Aa
Nagłówki
Aa
Podtytuły
Aa
Tekst główny
Rozstaw
Nagłówki
Nagłówki powinny mieć wysokość wiersza 1,3 em lub {rozmiar czcionki} * 1,3
Tekst główny
Tekst główny powinien mieć wysokość wiersza 1,75 em lub {rozmiar czcionki} * 1,75
Kolory tekstu
Purpurowy
Używany do podtytułów, które znajdują się nad głównymi nagłówkami. Używaj tylko na jasnym tle.
Fioletowy - Odcień 3
Używany do tekstów podstawowych i innych elementów, dla których odpowiedni jest bardziej stonowany kolor. Używaj tylko na ciemnym tle.
Fioletowy - Odcień 4
Używany do tekstów podstawowych i innych elementów, dla których odpowiedni jest bardziej stonowany kolor. Używaj tylko na fioletowym tle.
Szary
Używany do tekstów podstawowych i innych elementów, dla których odpowiedni jest bardziej stonowany kolor. Używaj tylko na jasnym tle.
Szary - Odcień 2
Używany do podtytułów, w których odpowiedni jest bardziej stonowany kolor niż fioletowy. Używaj tylko na jasnym tle.
Szary - Odcień 1
Używany do tekstu treści wewnątrz artykułów z wieloma akapitami.
Elementy Graficzne
Ciemny Gradient
Używany, gdy potrzebne jest ciemne tło. Gradient ma formę okręgu, którego środek znajduje się 20% od prawej i 20% od dołu elementu.
- 0%Fioletowy - Odcień 2
- 100%Ciemny
Fioletowy Gradient
Używany, gdy potrzebne jest jaśniejsze, bardziej kolorowe tło. Gradient ma formę okręgu, którego środek znajduje się 20% od prawej i 20% od dołu elementu.
- 0%Purpurowy
- 100%Fioletowy - Odcień 1