Логотипы и фирменный стиль
Рабочий брендбук 2.6. Готовые файлы, точные цвета и правила для повседневных задач.
Логотипы
Основной, для светлого фона
Для тёмного фона
Двухцветный
Чёрный
Белый
Фирменные цвета
#012F46
Тёмно‑синий
Опоры моста, надпись, основной текст
#ED0A3A
Красный
Пролёт моста, короткие смысловые акценты
#D9361E
Оранжевый
Кнопки и основное действие
#FFFFFF
Белый
Основной фон и свободное пространство
#F5F7F8
Светлая поверхность
Редкие подложки
#071014
Текстовый
Длинный текст
#53636C
Вторичный текст
Пояснения
#DCE9EE
Линия
Разделители и светлый паттерн
#0A435D
Средний синий
Паттерн на синем
#B82E1A
Оранжевый hover
Наведение кнопки
Своя форма. Общая палитра.
Фабрика коммуникаций — внешний отдел внутренних коммуникаций для компаний с численностью 500–5 000 сотрудников. Запускаем работу с нуля, полностью ведём её или усиливаем существующую команду.
Версия 2.6: выбранный владельцем мост соединяет руководство, сотрудников и подразделения. Сохраняется самостоятельное название продукта и палитра семейства iLikeMedia.
Характер: ясный, живой, профессиональный. Ощущение компетентности создают конкретные задачи, примеры работ и свободная композиция. Избегаем тяжёлых тёмных экранов и чрезмерно убедительных обещаний.
Логотип с мостом
Основной логотип: синие опоры и надпись, красный горизонтальный пролёт. Арка, опоры и ограждение делают мост узнаваемым. Просветы сохраняют каждую деталь в монохроме.
На тёмно‑синем фоне опоры и надпись белые, пролёт красный. На красном и оранжевом фоне использовать полностью белую версию. На фотографии нужна чистая однородная подложка.
В комплекте цветной, чёрный и белый SVG; отдельный знак и полный логотип. Надпись Onest 600/400 переведена в контуры. Оранжевый используется в интерфейсе и материалах, а сам логотип остаётся двухцветным.
Поле, размер, целостность
В основном логотипе мост и единый блок из трёх строк: «Фабрика», «коммуникаций», «проект iLikeMedia». Текстовый блок выровнен по вертикальному центру видимого знака. Текстовый блок уменьшен ещё на 20% относительно версии 2.5. Знак выступает сверху и снизу, вертикальный центр сохранён. Расстояние между базовыми линиями первых двух строк — 22,44 единицы.
Используйте готовые SVG: буквы переведены в контуры. Не изменяйте внутренние интервалы, пропорции, цвета и расположение подписи. Охранное поле — не менее 12 единиц вокруг всей видимой композиции.
Полный файл 520 × 170: рекомендуемая ширина от 360 CSS px или 80 мм. Веб‑версия имеет более плотный холст 390 × 130 без изменения контуров, на сайте её ширина — 270 px, на телефоне 220–240 px по решению владельца. Для меньших носителей — отдельный знак и читаемая подпись рядом. Не растягивайте логотип.
Цвета семейства
Тёмно‑синий #012F46 и красный #ED0A3A взяты из действующего брендбука iLikeRadio. Оранжевый #D9361E — фактический цвет кнопок iLikeMedia, переменная --cmsButton; наведение #B82E1A.
Это согласованная семейная палитра, а не строгая комплементарная пара из цветового круга. Красный и оранжевый близки: используем их в разных ролях и не делаем различие этих цветов единственным носителем смысла.
На типовом носителе ориентир: 80% белого и светлого, 15% синего, до 5% красного и оранжевого вместе. Вне логотипа достаточно одного яркого акцента на блок. Жёлтый и дополнительные яркие цвета не вводим.
HEX/sRGB — цифровой эталон. RGB и приблизительные CMYK находятся в palette.json. CMYK без ICC‑профиля не является печатным эталоном; типография выбирает профиль и готовит цветопробу. Pantone не назначен.
Контраст и действия
Синий на белом: 14,03:1. Вторичный текст #53636C на белом: 6,23:1. Оранжевый на белом и белый на оранжевом: 4,67:1. Эти пары подходят для обычного текста по WCAG AA.
Красный на белом: 4,46:1 — чуть ниже 4,5:1. Поэтому красный используется в знаке, графике и крупном тексте, а не в обычных мелких ссылках. Крупный текст: от 24 CSS px или от 18,67 px при жирном начертании.
Красный и оранжевый на синем дают около 3:1. На тёмных поверхностях основной текст и подписи белые. Цветной логотип разрешён как графический знак; для малого размера есть белая версия.
Основная кнопка: оранжевый фон и белый текст; наведение #B82E1A. Ссылки синие с подчёркиванием. Фокус на светлом фоне — синяя обводка 3 px с белым зазором 2 px. Состояние обозначается также текстом.
Типографика
Основная гарнитура — Onest, как в брендбуке iLikeRadio. Основной текст 400, акцент 500–600, заголовки 500–600. Жирность 700 — точечно; не переносить тяжесть логотипа на все заголовки.
На сайте: основной текст 18–20 px, межстрочный интервал 1,5; заголовок первого уровня 40–64 px, на телефоне 32–40 px; разделы 28–40 px. Подписи от 14 px. Заголовки и новости без обрезки и многоточий.
В документах A4: текст 11–12 pt, заголовки 22–28 pt. На слайдах: заголовки 32–40 pt, текст от 20 pt. Выравнивание влево, 50–75 знаков в строке, без выключки по ширине.
Надпись логотипа: Onest 600 для слова «Фабрика», Onest 400 для «коммуникаций». Финальные буквы в контурах: использовать готовый SVG. Onest приложен с OFL‑лицензией. Для почты запасной шрифт Arial, sans‑serif.
Композиция и изображения
Сначала ясная иерархия: заголовок, объяснение, действие. Объяснение находится под заголовком в той же левой колонке, если там есть место. Никаких мелких надзаголовков и декоративных мелких иконок.
Цифровая сетка: шаг 8 px, интервалы 16/24/32/48/64. Контент до 1200 px, внешние поля от 32 px; на телефоне от 20 px. Скругление кнопок 8 px. Не вкладывать рамку в рамку и не смещать цветную подложку вправо‑вниз.
В A4 поля от 20 мм. На слайдах 16:9 безопасное поле около 5% ширины. Большие синие заливки оставлять для коротких разделителей, а длинные документы делать белыми.
Фотографии показывают работу, людей и производство медиаматериалов. Избегать стоковых рукопожатий и неоновых абстракций. В схемах нужны прямые подписи: цвет не должен быть единственным способом различения.
Документы и презентации
Обложка: логотип сверху слева, конкретный крупный заголовок, короткое объяснение, дата. Небольшой фрагмент паттерна внизу. Свободное пространство важнее декоративной рамки.
Внутренние страницы белые: синие заголовки, тёмный основной текст, тонкие разделители. Красный или оранжевый выделяет один вывод. На слайде — одна мысль и достаточно крупный текст.
Пример ниже иллюстрирует оформление, а не готовое коммерческое предложение. Не добавлять в публичные материалы внутренние цены, доступы и сведения о клиентах без основания.
Письма, каналы и интерфейсы
Рассылка: одна колонка около 640 px, логотип на белом, один заголовок и основное действие. Текст остаётся текстом; для почтовых клиентов использовать PNG логотипа в двойном разрешении.
Интранет и мессенджеры: светлые поверхности, синие заголовки, оранжевое действие. В аватаре использовать отдельный знак целиком, не обрезать круговой маской. Полный логотип не уменьшать до favicon.
Новости и кейсы показываются с полными заголовками: без line‑clamp, обрезки и многоточий. Шрифт и цвета встроенных блоков наследуют стиль принимающего сайта.
В футере сайта: iLikeMedia 2011–текущий год, с автоматическим обновлением года. Название и контакты доступны настоящим текстом. Вложенные рамки, смещённые подложки и избыточный декор не нужны.
Голос и связь с iLikeMedia
Говорим о конкретной работе: собираем информацию, готовим материалы, ведём каналы, организуем обратную связь. Прямой исполнитель со своей командой, производством и технологиями.
Принадлежность обозначена текстовой подписью «проект iLikeMedia», встроенной в основной логотип. Этот вариант используется на всех носителях. Отдельный графический логотип iLikeMedia в композицию не добавляется.
Файлы и источники
Актуальная версия 2.6: логотипы SVG и PNG, самостоятельные бесшовные паттерны, шрифты Onest и цветовые токены. Скачивайте файлы из разделов этой страницы.
Палитра семейства: синий #012F46, красный #ED0A3A и оранжевый #D9361E. Основной текст и контуры синие, пролёт моста красный, кнопки оранжевые. Исходные референсы: ilikeradio.ru/bb и ilikemedia.ru.