Икона

При использовании значка с возможностью отправки по электронной почте не забудьте оставить достаточно места по периметру значка (примеры можно найти внутри набора логотипов). Также обязательно используйте правильную версию значка в зависимости от сценария, в котором он будет использоваться, чтобы любой из цветов значка не был трудно различим (см. ниже).

  • Emailable icon  main
    Emailable icon  main

    Основной

    Используйте основную версию на светлом или темном фоне. Предпочтительные цвета фона: Белый, Темный, Темный градиент.

  • Emailable icon  black

    Черный

    Используйте черную версию на светлом фоне. Предпочтительные цвета фона: Фиолетовый – оттенок 2, Темный, Темный градиент.

  • Emailable icon  white

    Белый

    Используйте белую версию на темном фоне, когда использование цвета ограничено или когда это абсолютно необходимо. Предпочтительные цвета фона: Фиолетовый — оттенок 2, Темный, Фиолетовый градиент, Темный градиент.

Цвета

  • Фиолетовый

    • RGB 126, 97, 255
    • CMYK 0.506, 0.620, 0.000, 0.000
    • HEX #7E61FF
  • Пурпурный - оттенок 1

    • RGB 147, 122, 255
    • CMYK 0.424, 0.522, 0.000, 0.000
    • HEX #937AFF
  • Пурпурный - оттенок 2

    • RGB 167, 148, 255
    • CMYK 0.345, 0.420, 0.000, 0.000
    • HEX #A794FF
  • Пурпурный - Оттенок 3

    • RGB 188, 173, 255
    • CMYK 0.263, 0.322, 0.000, 0.000
    • HEX #BCADFF
  • Фиолетовый - оттенок 4

    • RGB 209, 198, 255
    • CMYK 0.180, 0.224, 0.000, 0.000
    • HEX #D1C6FF
  • Фиолетовый - оттенок 1

    • RGB 90, 61, 179
    • CMYK 0.497, 0.659, 0.000, 0.298
    • HEX #5A3DB3
  • Фиолетовый - оттенок 2

    • RGB 51, 32, 94
    • CMYK 0.457, 0.660, 0.000, 0.631
    • HEX #33205E
  • Темный

    • RGB 26, 16, 47
    • CMYK 0.447, 0.660, 0.000, 0.816
    • HEX #1A102F
  • красный

    • RGB 255, 95, 125
    • CMYK 0.000, 0.627, 0.510, 0.000
    • HEX #FF5F7D
  • апельсин

    • RGB 255, 156, 91
    • CMYK 0.000, 0.388, 0.643, 0.000
    • HEX #FF9C5B
  • Желтый

    • RGB 255, 203, 96
    • CMYK 0.000, 0.204, 0.624, 0.000
    • HEX #FFCB60
  • Зеленый

    • RGB 92, 215, 170
    • CMYK 0.572, 0.000, 0.209, 0.157
    • HEX #5CD7AA
  • Зеленый 2

    • RGB 63, 179, 163
    • CMYK 0.648, 0.000, 0.089, 0.298
    • HEX #3FB3A3
  • серый

    • RGB 120, 110, 175
    • CMYK 0.314, 0.371, 0.000, 0.314
    • HEX #786EAF
  • Серый - Оттенок 1

    • RGB 145, 133, 208
    • CMYK 0.303, 0.361, 0.000, 0.184
    • HEX #9185D0
  • Серый - Оттенок 2

    • RGB 180, 172, 226
    • CMYK 0.204, 0.239, 0.000, 0.114
    • HEX #B4ACE2
  • Серый - Оттенок 3

    • RGB 217, 213, 241
    • CMYK 0.100, 0.116, 0.000, 0.055
    • HEX #D9D5F1
  • Серый - Оттенок 1

    • RGB 92, 82, 146
    • CMYK 0.370, 0.438, 0.000, 0.427
    • HEX #5C5292
  • Серый - Оттенок 2

    • RGB 69, 62, 109
    • CMYK 0.367, 0.431, 0.000, 0.573
    • HEX #453E6D
  • Серый - Оттенок 3

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

Типография

Inter

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789

  • Свет 300
  • Обычный 400
  • Средний 500
  • Полужирный 600
  • Жирный 700
  • Aa

    Заголовки

  • Aa

    Подзаголовки

  • Aa

    Основной текст

Расстояние

Заголовки

Заголовки должны иметь высоту строки 1,3 em или {размер шрифта} * 1,3

Основной текст

Основной текст должен иметь высоту строки 1,75 em или {размер шрифта} * 1,75

Цвета текста

  • Фиолетовый

    Используется для подзаголовков, которые располагаются над основными заголовками. Используйте только на светлом фоне.

  • Пурпурный - Оттенок 3

    Используется для основного текста и других сценариев, в которых уместен более приглушенный цвет. Используйте только на темном фоне.

  • Фиолетовый - оттенок 4

    Используется для основного текста и других сценариев, в которых уместен более приглушенный цвет. Используйте только на фиолетовом фоне.

  • серый

    Используется для основного текста и других сценариев, в которых уместен более приглушенный цвет. Используйте только на светлом фоне.

  • Серый - Оттенок 2

    Используется для подзаголовков, в которых уместен более приглушенный цвет, чем фиолетовый. Используйте только на светлом фоне.

  • Серый - Оттенок 1

    Используется для основного текста внутри статей с несколькими абзацами.

Элементы дизайна

    Темный градиент

    Используется всякий раз, когда необходим / желателен темный фон. Этот градиент представляет собой круг с центром, выходящим на 20% справа и 20% от низа элемента.

    • 0%Фиолетовый - оттенок 2
    • 100%Темный

    Фиолетовый градиент

    Используется, когда требуется / желателен более светлый и красочный фон. Этот градиент представляет собой круг с центром, выходящим на 20% справа и 20% от низа элемента.

    • 0%Фиолетовый
    • 100%Фиолетовый - оттенок 1

Узнайте, почему крупнейшие мировые компании выбирают нас для повышения эффективности доставки электронной почты