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.
Hitam
Gunakan versi hitam pada latar belakang terang ketika penggunaan warna terbatas atau ketika benar-benar diperlukan. Kalau tidak, gunakan versi utama. Warna latar belakang yang disukai: Putih
White
Gunakan versi white pada latar belakang gelap hanya jika benar-benar diperlukan. Jika tidak, gunakan logo Light.
Ikon
Saat menggunakan ikon Emailable, pastikan untuk memberikan ruang yang cukup di sekeliling ikon (contoh dapat ditemukan di dalam kit logo). Pastikan juga untuk menggunakan versi ikon yang benar tergantung pada skenario penggunaannya sehingga warna ikon apa pun tidak sulit dilihat (lihat di bawah).
Utama
Gunakan versi utama pada latar belakang terang atau gelap. Warna latar belakang yang disukai: Putih, Gelap, Gradien Gelap
Hitam
Gunakan versi hitam pada latar belakang terang. Warna latar belakang yang disukai: Ungu - Naungan 2, Gelap, Gradien Gelap
Putih
Gunakan versi putih pada latar belakang gelap ketika penggunaan warna terbatas atau ketika benar-benar diperlukan. Warna latar belakang pilihan: Ungu - Naungan 2, Gelap, Gradien Ungu, Gradien Gelap
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
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