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).

  • Emailable icon  main
    Emailable icon  main

    Utama

    Gunakan versi utama pada latar belakang terang atau gelap. Warna latar belakang yang disukai: Putih, Gelap, Gradien Gelap

  • Emailable icon  black

    Hitam

    Gunakan versi hitam pada latar belakang terang. Warna latar belakang yang disukai: Ungu - Naungan 2, Gelap, Gradien Gelap

  • Emailable icon  white

    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

Temukan mengapa ribuan perusahaan terbesar di dunia mempercayai Emailable untuk urusan deliverability email.

Mulai Gratis

250 kredit gratis