Логотип
Логотип Emailable доступен как в виде полного логотипа со словесным знаком Emailable, так и в виде иконки, каждая из которых имеет свои цветовые варианты и варианты использования. Пожалуйста, соблюдайте приведенные ниже правила использования.
Предпочтительный опыт работы:
-
Белый -
Шифер 50
Предпочтительный опыт работы:
Предпочтительный опыт работы:
-
Белый -
Шифер 50
Предпочтительный опыт работы:
Предпочтительный опыт работы:
Предпочтительный опыт работы:
-
Белый -
Шифер 50
Предпочтительный опыт работы:
Делайте:
-
Обеспечьте логотипу достаточное пространство между ним и другими элементами или краями документа (используйте букву "e" из логотипа в качестве безопасного расстояния)
-
Используйте правильный вариант в зависимости от фона (см. выше)
Не делайте этого:
-
Вносить изменения в логотип несанкционированным способом. Это включает, но не ограничивается: изменение цвета, непропорциональное преобразование, применение стилистических эффектов (например, свечение, тень, размытие, обводка и т. д.)
-
Размещайте логотип на фоне, на котором трудно разглядеть словесный знак или любой из цветов значка
Цвета
Официальная цветовая палитра Emailable и фоновые градиенты, используемые для дизайна/брендинга. Об использовании цветов в типографике см. раздел "Цвета шрифтов".
Палитра
-
Главная
-
Шифер
-
Красный
-
Оранжевый
-
Желтый
-
Зеленый
-
Циан
-
Голубой
-
Фуксия
Градиенты
Все градиенты являются радиальными градиентами и имеют круглую форму. Их начала расположены в 20 % от верхнего и правого краев фигур, содержащих их, и простираются по диагонали к левому нижнему углу (см. ниже).
-
Темный градиент
Используется в качестве стандартного темного фона.
Главная 800 Главная 950 -
Более темный градиент
Используется в качестве альтернативного темного фона.
Главная 900 Главная 950 -
Фиолетовый градиент
Используется в качестве альтернативного темного фона.
Главная 500 Главная 800
Типография
Официальные рекомендации по стилизации шрифтов и типографики для Emailable, включая вес шрифтов и использование цветов в различных элементах интерфейса.
Шрифт
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|\{}[]
-
Обычный 400
Вес по умолчанию. Используется для основного текста, описаний и т. д.
-
Средний 500
Используется для некоторых ссылок и меток.
-
Semibold 600
Используется для кнопок, значков, подзаголовков и некоторых фигур.
-
Смелый 700
Используется для заголовков, выделения и активных состояний.
Цвета шрифтов
Цвета указаны для светлого фона, если не указано иное. Для цветов, которые меняются в тёмном режиме, указан их эквивалент в тёмном режиме.
Основные
-
Шифер 800
Цвет текста по умолчанию для заголовков, меток, выделенного текста и активных состояний.
Тёмный режим: Белый -
Шифер 600
Основной текст или текст, не имеющий большого значения.
Тёмный режим: Шифер 300 -
Шифер 500
Текст-заполнитель полей ввода, нейтральные значки, текст второстепенного меню и неактивные вкладки на тёмном фоне.
-
Шифер 300
Неактивные вкладки.
Тёмный режим: Шифер 500 -
Белый
Заголовки, метки, выделенный текст и активные состояния на тёмном фоне.
-
Главная 500
Акцентный цвет для текстовых ссылок, активных элементов навигации и некоторых подзаголовков.
-
Главная 200
Основной текст или текст, не имеющий особого значения, на тёмном фоне с градиентом.
Статус
-
Красный 500
Сообщения об ошибках и значки опасности.
-
Желтый 500
Предупредительные значки.
-
Зеленый 500
Сообщения об успехе и значки.
-
Голубой 500
Информационные значки.
Дополнительные
-
Шифер 400
Неактивные элементы навигации в тёмном режиме и зачёркнутые цены.
-
Шифер 200
Встроенный код и состояния наведения курсора в навигации в тёмном режиме.
-
Главная 700
Состояния текстовых ссылок при наведении курсора.
Тёмный режим: Главная 300 -
Главная 400
Названия разделов на тёмном фоне и ссылки во всплывающих подсказках.
-
Главная 300
Ссылки в нижнем колонтитуле, цитаты и зачёркнутые цены на тёмном фоне.
-
Главная 800
Текст выносок по умолчанию.
Тёмный режим: Главная 300 -
Голубой 800
Текст информационных выносок.
Тёмный режим: Голубой 300 -
Зеленый 800
Текст выносок об успехе.
Тёмный режим: Зеленый 300 -
Красный 700
Текст выносок об опасности и встроенные сообщения об ошибках.
Тёмный режим: Красный 300 -
Желтый 600
Встроенные предупреждающие сообщения.
-
Зеленый 600
Маркеры в виде галочек и позитивные надписи.