Логотипы и фирменный стиль

Логотипы

Основной, для светлого фона

Логотип SVGPNGЗнак SVG

Для тёмного фона

Логотип SVGPNGЗнак SVG

Двухцветный

Логотип SVGPNGЗнак SVG

Чёрный

Логотип SVGPNGЗнак SVG

Белый

Логотип SVGPNGЗнак SVG

Фирменные цвета

Своя форма. Общая палитра.

Фабрика коммуникаций — внешний отдел внутренних коммуникаций для компаний с численностью 500–5 000 сотрудников. Запускаем работу с нуля, полностью ведём её или усиливаем существующую команду.

Версия 2.0: выбранный владельцем мост соединяет руководство, сотрудников и подразделения. Сохраняется самостоятельное название продукта и палитра семейства iLikeMedia.

Характер: ясный, живой, профессиональный. Ощущение компетентности создают конкретные задачи, примеры работ и свободная композиция. Избегаем тяжёлых тёмных экранов и чрезмерно убедительных обещаний.

Логотип с мостом

Основной логотип: синие опоры и надпись, красный горизонтальный пролёт. Арка, опоры и ограждение делают мост узнаваемым. Просветы сохраняют каждую деталь в монохроме.

На тёмно-синем фоне опоры и надпись белые, пролёт красный. На красном и оранжевом фоне использовать полностью белую версию. На фотографии нужна чистая однородная подложка.

В комплекте цветной, чёрный и белый SVG; отдельный знак и полный логотип. Надпись Onest 600/400 переведена в контуры. Оранжевый используется в интерфейсе и материалах, а сам логотип остаётся двухцветным.

Поле, размер, целостность

Использовать выбранную геометрию моста из варианта 05. Не менять арку, опоры, пролёт, расстояния между деталями и расположение надписи. Старые фабрики, трубы и рупоры остаются в архиве.

Охранное поле вокруг видимой композиции — не менее 12 единиц исходной сетки знака. Полный файл имеет холст 520 × 170, отдельный знак с полем — 170 × 136. Не обрезать поля и не растягивать файл.

Полный логотип: от 240 CSS px или 55 мм ширины файла. Знак: от 40 CSS px или 10 мм, предпочтительно от 64 px. Для вкладки браузера приложен отдельный favicon; на 16 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.

Паттерн «Арки»

Модуль построен на арке моста: опоры и просвет напоминают о связи между людьми и подразделениями. Полный логотип и надпись в паттерне не повторяются.

Тайл 160 × 120; арка 88 × 66 расположена по центру. Повтор без поворота и отражения. Масштабировать весь тайл пропорционально в пределах 75–150%.

Светлая версия: #DCE9EE на белом. Тёмная: #0A435D на #012F46. Акцентная: #ED0A3A на белом. Яркую версию применять только небольшим фрагментом.

Паттерн занимает отдельное свободное поле, обычно 10–20% носителя. Не размещать за текстом, таблицами, QR-кодами и логотипом. Без анимации, смешения версий и дополнительных эффектов.

Тайл SVGПоле SVG

Тайл SVGПоле SVG

Тайл SVGПоле SVG

Композиция и изображения

Сначала ясная иерархия: заголовок, объяснение, действие. Объяснение находится под заголовком в той же левой колонке, если там есть место. Никаких мелких надзаголовков и декоративных мелких иконок.

Цифровая сетка: шаг 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 2014–текущий год, с автоматическим обновлением года. Название и контакты доступны настоящим текстом. Вложенные рамки, смещённые подложки и избыточный декор не нужны.

Голос и связь с iLikeMedia

Говорим о том, что делаем: собираем информацию, готовим материалы, ведём каналы, организуем обратную связь. Показываем конкретный результат работы и следующий шаг без громких гарантий.

Позиционирование: прямой исполнитель со своей командой, производством и технологиями. Можно создать коммуникации, полностью вести их или дополнить существующий отдел. Не называть продукт агентством и не подменять задачи брендом работодателя.

Опыт команды включает отдельные медиапроекты и комплексное ведение коммуникаций. Не подавать энергетический проект как единственный опыт. В каждом кейсе точно обозначать выполненную работу.

Имя: «Фабрика коммуникаций». Отдельная подпись «Проект iLikeMedia» допустима вне охранного поля. Логотип iLikeMedia брать из официального файла. Не объединять два знака в новый общий логотип.

Файлы и источники

Рабочий комплект 2.0: PDF, HTML-справочник, 10 SVG логотипа и знака, PNG-экспорты, три тайла и три поля паттерна, шрифты, CSS/JSON-токены и исходники. В HTML можно скачать SVG и скопировать HEX.

Референсы проверены 18.09.2026: https://ilikeradio.ru/bb — структура, синий, красный и Onest; https://ilikemedia.ru/ — оранжевые кнопки. Публичные CSS и значения сохранены в source/references.json.

Геометрия моста и надписи сравнена с выбранным вариантом 05: пути сохранены. Контраст рассчитан по относительной яркости sRGB. Значения находятся в tokens/palette.json. Вкладка браузера использует отдельный квадратный файл знака.

Версия 2.0 применяется к брендбуку и сайту fabricomm.ru по прямому поручению владельца. Предыдущие версии сохранены в архиве. Новый комплект заменяет прежний логотип, паттерн и цвета сайта.