Icon

When using the Emailable icon, be sure to leave ample space around the perimeter of the icon (examples can be found inside the logo kit). Also be sure to use the correct version of the icon depending on the scenario in which it is to be used so that any of the icon's colors do not become difficult to see (see below).

  • Emailable icon  main
    Emailable icon  main

    Main

    Use the main version on light or dark backgrounds. Preferred background colors: White, Dark, Dark Gradient

  • Emailable icon  black

    Black

    Use the black version on light backgrounds. Preferred background colors: Purple - Shade 2, Dark, Dark Gradient

  • Emailable icon  white

    White

    Use the white version on dark backgrounds when color use is limited or when absolutely needed. Preferred background colors: Purple - Shade 2, Dark, Purple Gradient, Dark Gradient

Renkler

  • Mor

    • RGB 126, 97, 255
    • CMYK 0.506, 0.620, 0.000, 0.000
    • HEX #7E61FF
  • Mor - Renk Tonu 1

    • RGB 147, 122, 255
    • CMYK 0.424, 0.522, 0.000, 0.000
    • HEX #937AFF
  • Mor - Renk Tonu 2

    • RGB 167, 148, 255
    • CMYK 0.345, 0.420, 0.000, 0.000
    • HEX #A794FF
  • Mor - Renk Tonu 3

    • RGB 188, 173, 255
    • CMYK 0.263, 0.322, 0.000, 0.000
    • HEX #BCADFF
  • Mor - Renk Tonu 4

    • RGB 209, 198, 255
    • CMYK 0.180, 0.224, 0.000, 0.000
    • HEX #D1C6FF
  • Mor - Gölge 1

    • RGB 90, 61, 179
    • CMYK 0.497, 0.659, 0.000, 0.298
    • HEX #5A3DB3
  • Mor - Gölge 2

    • RGB 51, 32, 94
    • CMYK 0.457, 0.660, 0.000, 0.631
    • HEX #33205E
  • Siyah

    • RGB 26, 16, 47
    • CMYK 0.447, 0.660, 0.000, 0.816
    • HEX #1A102F
  • Kırmızı

    • RGB 255, 95, 125
    • CMYK 0.000, 0.627, 0.510, 0.000
    • HEX #FF5F7D
  • Turuncu

    • RGB 255, 156, 91
    • CMYK 0.000, 0.388, 0.643, 0.000
    • HEX #FF9C5B
  • Sarı

    • RGB 255, 203, 96
    • CMYK 0.000, 0.204, 0.624, 0.000
    • HEX #FFCB60
  • Yeşil

    • RGB 92, 215, 170
    • CMYK 0.572, 0.000, 0.209, 0.157
    • HEX #5CD7AA
  • Yeşil 2

    • RGB 63, 179, 163
    • CMYK 0.648, 0.000, 0.089, 0.298
    • HEX #3FB3A3
  • Gri

    • RGB 120, 110, 175
    • CMYK 0.314, 0.371, 0.000, 0.314
    • HEX #786EAF
  • Gri - Renk Tonu 1

    • RGB 145, 133, 208
    • CMYK 0.303, 0.361, 0.000, 0.184
    • HEX #9185D0
  • Gri - Renk Tonu 2

    • RGB 180, 172, 226
    • CMYK 0.204, 0.239, 0.000, 0.114
    • HEX #B4ACE2
  • Gri - Renk Tonu 3

    • RGB 217, 213, 241
    • CMYK 0.100, 0.116, 0.000, 0.055
    • HEX #D9D5F1
  • Gri - Gölge 1

    • RGB 92, 82, 146
    • CMYK 0.370, 0.438, 0.000, 0.427
    • HEX #5C5292
  • Gri - Gölge 2

    • RGB 69, 62, 109
    • CMYK 0.367, 0.431, 0.000, 0.573
    • HEX #453E6D
  • Gri - Gölge 3

    • RGB 44, 38, 76
    • CMYK 0.421, 0.500, 0.000, 0.702
    • HEX #2C264C

Tipografi

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

  • Hafif 300
  • Normal 400
  • Orta 500
  • Yarı kalın 600
  • Kalın 700
  • Aa

    Başlıklar

  • Aa

    Alt başlıklar

  • Aa

    Gövde metni

boşluk

Başlıklar

Başlıkların satır yüksekliği 1.3em veya {font size} * 1.3 olmalıdır

Gövde metni

Gövde metninin satır yüksekliği 1,75em veya {font size} * 1,75 olmalıdır

Metin renkleri

  • Mor

    Ana başlıkların üzerinde yer alan alt başlıklar için kullanılır. Yalnızca açık renkli arka planlarda kullanın.

  • Mor - Renk Tonu 3

    Gövde metni ve daha hafif bir rengin uygun olduğu diğer durumlar için kullanılır. Yalnızca koyu arka planlarda kullanın.

  • Mor - Renk Tonu 4

    Gövde metni ve daha hafif bir rengin uygun olduğu diğer durumlar için kullanılır. Yalnızca mor arka planlarda kullanın.

  • Gri

    Gövde metni ve daha hafif bir rengin uygun olduğu diğer durumlar için kullanılır. Yalnızca açık renkli arka planlarda kullanın.

  • Gri - Renk Tonu 2

    Mordan daha hafif bir rengin uygun olduğu alt pozisyonlar için kullanılır. Yalnızca açık renkli arka planlarda kullanın.

  • Gri - Gölge 1

    Birden çok paragraflı makalelerdeki gövde metni için kullanılır.

Tasarım Ögeleri

    Karanlık Gradyan

    Karanlık bir arka plan gerektiğinde/istendiğinde kullanılır. Bu gradyan; merkezi, ögenin %20 sağından ve %20 altından çıkan bir dairedir.

    • 0%Mor - Gölge 2
    • 100%Siyah

    Mor Gradyan

    Daha hafif, daha renkli bir arka plan gerektiğinde/istendiğinde kullanılır. Bu gradyan; merkezi, ögenin %20 sağından ve %20 altından çıkan bir dairedir.

    • 0%Mor
    • 100%Mor - Gölge 1

Dünyanın en büyük binlerce şirketinin e-posta teslim edilebilirliği için neden Emailable'a güvendiğini görün.

Ücretsiz Başlayın

250 ücretsiz kredi