Знак, шрифт
и синий цвет.
Всё, что ниже, можно свободно использовать в материалах о Easybie — в печати или онлайн — без предварительного запроса. Единственное, о чём мы просим: не перерисовывать знак.
Всё, в одном файле
Все логотипы, иконки и изображения, а также фактлист и правила бренда.
Знак
Заглавная E в квадратном облачке реплики; полосы — это три строки речи. Знак с четырьмя полосами — от 24px и выше, с двумя полосами — ниже: на маленьком размере третья полоса смыкается и буква превращается в пятно.
Знак, синий
Вариант по умолчанию. Любой светлый фон.
Знак, белый
Для тёмных фонов и фотографий.
Знак, тёмный
Один цвет, для печати и гравировки.
Знак, маленький
Две полосы. Только ниже 24px.
Знак, PNG
1024px, прозрачный фон.
Иконка приложения
1024px, скруглённый квадрат, прозрачные углы.
Лого-блок
Знак и словесный знак вместе — то, что ставят в начало статьи. Буквы нарисованы контурами, а не живым текстом, поэтому он выглядит одинаково и на машине, которая никогда не слышала об Archivo.
Лого-блок, синий знак
Синий знак, тёмный словесный знак. Вариант по умолчанию.
Лого-блок, тёмный
Один цвет, для печати.
Лого-блок, белый
Для тёмных фонов.
Лого-блок PNG, светлый
2400×600, белый фон.
Лого-блок PNG, тёмный
2400×600, тёмный фон.
Иконки
Знак в размерах, которые просят фавикон, манифест и домашний экран.
Иконка 32
Фавикон. Две полосы, сплошной синий.
Иконка 192
Манифест веб-приложения.
Иконка 512
Манифест, большая.
Значок 192, маскируемый
Главный экран Android. Безопасная зона — центральные 80 %.
Значок 512, маскируемый
Главный экран Android и заставка.
Значок Apple touch
180×180, непрозрачный. iOS игнорирует прозрачность.
Маскот
Bie — это знак с двумя глазами. Невозмутимый по замыслу: никогда не восторженный и никогда не замена логотипу. На листе показаны восемь утверждённых выражений; SVG ниже — то, что нужно, если требуется одно изображение.
Bie, синий
Каноническая цветовая версия. Для любого светлого фона.
Bie, контур
Для синего и тёмного фона.
Bie, одноцветный
Один цвет, для печати.
Bie, PNG
1024px, прозрачный фон.
Выражения
Все восемь на одном листе. Справочник, а не иллюстрация.
Готовые изображения
Под размеры тех мест, где их используют. Берите как есть, а не обрезайте логотип под формат.
Карточка ссылки
1200×630. Изображение, которое показывает отправленная ссылка.
Шапка статьи
1600×900.
Шапка профиля
1500×500.
Квадрат
1080×1080.
Цвет Скопировать ссылку на этот раздел
Это те самые значения, которые использует таблица стилей, а не их приближение.
Easybie Blue #1D8BFF
Основной. Ссылки, знак, акцент везде.
Blue on dark #3D9DFF
Тот же синий, осветлённый, чтобы читался на тёмном фоне.
Ink #0F1419
Основной текст на светлом и сама страница на тёмном.
Secondary #536471
Вспомогательный текст. 6,12:1 на белом.
Muted #8A97A3
Время и подписи. Никогда для иконки: не дотягивает до 3:1.
Surface #F4F7FA
Фон под карточками, на светлом.
Шрифт Скопировать ссылку на этот раздел
Все три — со свободной лицензией и бесплатной установкой. Каждая строка ниже набрана тем шрифтом, который называет, так что вы видите именно этот шрифт.
Archivo
Easybie — Делитесь. Общайтесь. Выражайте себя.
700–900, трекинг −3 %. Заголовки и словесный знак.
Public Sans
Easybie — Делитесь. Общайтесь. Выражайте себя.
400–700. Всё, что человек читает.
IBM Plex Mono
Easybie — Делитесь. Общайтесь. Выражайте себя.
400. Подписи капителью, числа, код.
Правила Скопировать ссылку на этот раздел
Защитное поле
Оставляйте пустым поле шириной в четверть ширины знака со всех сторон. Внутри этого поля не должно быть ничего — ни заголовка, ни рамки, ни другого логотипа.
Маленькие размеры
Четырёхполосный знак можно использовать вплоть до 24px. Ниже этого размера средняя полоса сливается, а буква E превращается в смазанное пятно, поэтому существует двухполосный знак — именно его и нужно использовать.
Цвет
Синий на светлом, белый на тёмном, одна краска для однокрасочной печати. Знак никогда не перекрашивают под что-то другое и никогда не добавляют ему градиент, тень или обводку.
Фотографии
На пёстром изображении размещайте знак на сплошной плашке, а не полагайтесь на контраст. Логотип, который никто не может разглядеть на фоне, — это логотип, который так и не появился.
Название
Easybie — одно слово, заглавная E, без пробела и без дефиса. Никогда не EasyBie, никогда не Easy Bie.
Перерисовка
Не поворачивайте знак, не растягивайте, не анимируйте и не перерисовывайте его как иконку в своём наборе. SVG масштабируется — для этого он и нужен.
Нужно что-то, чего здесь нет?
Другой размер, прозрачная версия, скриншот конкретной страницы — просто спросите, и мы сделаем это заново, а не обрежем из одного из файлов выше.