Отправляемый по электронной почте логотип
При использовании логотипа, отправляемого по электронной почте, не забудьте оставить достаточно места по периметру логотипа, используя высоту / ширину буквы «e» от логотипа в качестве минимального расстояния. Также убедитесь, что используете правильную версию логотипа в зависимости от сценария, в котором он будет использоваться (см. Ниже).
Скачать комплект логотиповОсновной
Используйте основную версию на светлом фоне. Не используйте логотип на цветном фоне, на котором трудно различить любой из цветов логотипа.
Свет
Используйте светлый вариант на темном фоне. Не используйте логотип на цветном фоне, на котором трудно различить любой из цветов логотипа.
Черный
Используйте черную версию на светлом фоне, когда использование цвета ограничено или когда это абсолютно необходимо. В противном случае используйте основную версию. Предпочтительные цвета фона: Белый.
белый
Используйте белую версию на темном фоне только в случае крайней необходимости. В противном случае используйте логотип Light.
Икона
При использовании значка с возможностью отправки по электронной почте не забудьте оставить достаточно места по периметру значка (примеры можно найти внутри набора логотипов). Также обязательно используйте правильную версию значка в зависимости от сценария, в котором он будет использоваться, чтобы любой из цветов значка не был трудно различим (см. ниже).
Основной
Используйте основную версию на светлом или темном фоне. Предпочтительные цвета фона: Белый, Темный, Темный градиент.
Черный
Используйте черную версию на светлом фоне. Предпочтительные цвета фона: Фиолетовый – оттенок 2, Темный, Темный градиент.
Белый
Используйте белую версию на темном фоне, когда использование цвета ограничено или когда это абсолютно необходимо. Предпочтительные цвета фона: Фиолетовый — оттенок 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