Logo Emailable
Saat menggunakan logo Emailable, pastikan untuk meninggalkan ruang yang cukup di sekeliling logo menggunakan patokan tinggi/lebar huruf "e" dari logo sebagai jarak minimum. Pastikan juga untuk menggunakan versi logo yang benar tergantung pada skenario penggunaannya (lihat di bawah).
Download logo kit
Main
Gunakan versi main pada latar belakang terang. Jangan gunakan logo pada latar belakang berwarna yang membuat warna logo sulit dilihat.
Light
Gunakan versi light pada latar belakang gelap. Jangan gunakan logo di latar belakang berwarna yang membuat warna logo sulit dilihat.
Slate
Gunakan versi slate pada latar belakang terang hanya jika benar-benar diperlukan. Jika tidak, gunakan logo Main.
White
Gunakan versi white pada latar belakang gelap hanya jika benar-benar diperlukan. Jika tidak, gunakan logo Light.
Warna
Purple
- RGB 126, 97, 255
- CMYK 0.506, 0.620, 0.000, 0.000
- HEX #7E61FF
Purple - Tint 1
- RGB 147, 122, 255
- CMYK 0.424, 0.522, 0.000, 0.000
- HEX #937AFF
Purple - Tint 2
- RGB 167, 148, 255
- CMYK 0.345, 0.420, 0.000, 0.000
- HEX #A794FF
Purple - Tint 3
- RGB 188, 173, 255
- CMYK 0.263, 0.322, 0.000, 0.000
- HEX #BCADFF
Ungu - Tint 4
- RGB 209, 198, 255
- CMYK 0.180, 0.224, 0.000, 0.000
- HEX #D1C6FF
Ungu - Shade 1
- RGB 90, 61, 179
- CMYK 0.497, 0.659, 0.000, 0.298
- HEX #5A3DB3
Ungu - Shade 2
- RGB 51, 32, 94
- CMYK 0.457, 0.660, 0.000, 0.631
- HEX #33205E
Dark
- RGB 26, 16, 47
- CMYK 0.447, 0.660, 0.000, 0.816
- HEX #1A102F
Red
- RGB 255, 95, 125
- CMYK 0.000, 0.627, 0.510, 0.000
- HEX #FF5F7D
Oranye
- RGB 255, 156, 91
- CMYK 0.000, 0.388, 0.643, 0.000
- HEX #FF9C5B
Yellow
- RGB 255, 203, 96
- CMYK 0.000, 0.204, 0.624, 0.000
- HEX #FFCB60
Hijau
- RGB 92, 215, 170
- CMYK 0.572, 0.000, 0.209, 0.157
- HEX #5CD7AA
Hijau 2
- RGB 63, 179, 163
- CMYK 0.648, 0.000, 0.089, 0.298
- HEX #3FB3A3
Gray
- RGB 120, 110, 175
- CMYK 0.314, 0.371, 0.000, 0.314
- HEX #786EAF
Abu-abu - Tint 1
- RGB 145, 133, 208
- CMYK 0.303, 0.361, 0.000, 0.184
- HEX #9185D0
Abu-abu - Tint 2
- RGB 180, 172, 226
- CMYK 0.204, 0.239, 0.000, 0.114
- HEX #B4ACE2
Abu-abu - Tint 3
- RGB 217, 213, 241
- CMYK 0.100, 0.116, 0.000, 0.055
- HEX #D9D5F1
Abu-abu - Shade 1
- RGB 92, 82, 146
- CMYK 0.370, 0.438, 0.000, 0.427
- HEX #5C5292
Abu-abu - Shade 2
- RGB 69, 62, 109
- CMYK 0.367, 0.431, 0.000, 0.573
- HEX #453E6D
Abu-abu - Shade 3
- RGB 44, 38, 76
- CMYK 0.421, 0.500, 0.000, 0.702
- HEX #2C264C
Tipografi
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
- Light 300
- Regular 400
- Medium 500
- Semibold 600
- Bold 700
Aa
Heading
Aa
Subheading
Aa
Body text
Jarak
Heading
Judul harus memiliki tinggi garis 1.3em atau {font size} * 1.3
Body text
Teks isi harus memiliki tinggi garis 1,75em atau {ukuran font} * 1,75
Warna teks
Purple
Digunakan untuk subheading yang berada di atas heading utama. Gunakan hanya pada latar belakang terang.
Purple - Tint 3
Digunakan untuk teks body dan skenario lain di mana warna yang lebih lembut cocok digunakan. Gunakan hanya pada latar belakang gelap.
Ungu - Tint 4
Digunakan untuk teks body dan skenario lain di mana warna yang lebih lembut cocok digunakan. Gunakan hanya pada latar belakang ungu.
Gray
Digunakan untuk teks body dan skenario lain di mana warna yang lebih lembut cocok digunakan. Gunakan hanya pada latar belakang terang.
Abu-abu - Tint 2
Digunakan untuk subheading di mana warna yang lebih lembut daripada ungu cocok digunakan. Gunakan hanya pada latar belakang terang.
Abu-abu - Shade 1
Digunakan untuk teks body di dalam artikel dengan banyak paragraf.
Elemen Desain
Berikut ini adalah berbagai elemen visual yang digunakan untuk mencerminkan merek Emailable.
Dark Gradient
Digunakan saat latar belakang gelap dibutuhkan/diinginkan. Gradien ini adalah lingkaran yang pusatnya berasal 20% dari kanan dan 20% dari bawah elemen.
- 0%Ungu - Shade 2
- 100%Dark
Purple Gradient
Digunakan saat diperlukan/diinginkan latar belakang yang lebih terang dan lebih berwarna. Gradien ini adalah lingkaran yang pusatnya berasal 20% dari kanan dan 20% dari bawah elemen.
- 0%Purple
- 100%Ungu - Shade 1