Технологичный бренд легко собрать из готовых деталей: тёмный фон, кислотный градиент, свечение, сетка, абстрактная 3D-фигура. По отдельности всё работает. Вместе получается ещё один проект, который можно перепутать с криптосервисом, конференцией разработчиков или стартапом про метавселенную.
Для внутреннего акселератора TechRoute мы искали другой язык. Не тот, который изображает технологии, а тот, который помогает объяснить сам продукт: идея появляется, проходит отбор, обрастает связями и превращается в работающий проект.
[1] Маршрут не должен выглядеть как навигатор
TechRoute — внутренний акселератор идей ИЦ «Региональные системы». Сотрудник приходит с задумкой и проходит путь от гипотезы до прототипа, бизнес-модели, проверки интереса заказчиков и презентации на Demo Day.
Темы могут быть разными: IT-продукты, информационная безопасность, автоматизация бизнес-процессов или процессов в строительстве. А механика одна — провести идею из точки А в точку Б.
Название уже подсказывало метафору маршрута. Самое очевидное решение — нарисовать дорогу, стрелку или линию с остановками. Оно же было самым слабым. Такой знак буквально пересказывал бы слово Route, но легко отправлял бренд в сторону логистики, карт и сервисов доставки.
Нужно было найти образ шире обычного маршрута.
[2] Слишком модно — тоже мимо
Разброс аудитории у акселератора большой: от студентов и молодых IT-специалистов до опытных сотрудников из строительства, информационной безопасности, бухгалтерии, юридического блока и HR. Возраст — примерно от 20 до 50 лет.
Делать отдельный визуальный язык для каждой группы бессмысленно. Получился бы корпоративный Франкенштейн: немного молодёжного фестиваля, немного банковской презентации, немного плаката по охране труда.
Стиль должен был вовлекать, но сохранять деловой вес. Выглядеть современно, но не требовать знания дизайнерских трендов. Отдельный критерий клиента — мерч. Одежду с символикой TechRoute должны хотеть носить даже сотрудники, которые пока не участвуют в акселераторе.
Это довольно честная проверка. Логотип на презентации можно объяснить. Толстовку человек либо надевает, либо оставляет в шкафу.
[3] Четыре правила до первого эскиза
До работы над логотипом мы зафиксировали четыре свойства будущей системы.
- Геометрия должна была передавать структуру акселератора.
- Динамика — движение от заявки до готового проекта.
- Минимализм — позволять стилю работать и на маленьком бейдже, и на крупном стенде.
- Технологичность — считываться через точность и цифровую логику, а не через декоративные спецэффекты.
Эти свойства стали фильтром для идей. Если вариант хорошо смотрелся на постере, но разваливался на носителях, он не подходил. Если точно показывал путь, но напоминал схему автобусного маршрута, тоже отправлялся в сторону.
В мудбордах остались пиксели, модульные блоки, точки и прямые линии. От плавных траекторий отказались: они делали графику слишком мягкой и хуже передавали структуру программы.
[4] Созвездие появилось не сразу
На первой презентации мы показали четыре варианта логотипа и две визуальные концепции. Одна строилась на пикселях, вторая — на точках и прямых маршрутах.
Клиента зацепила система из точек и линий. В ней увидели сразу несколько смыслов: маршрут, карту метро, набор идей и созвездие. Последняя ассоциация оказалась самой точной.
«Созвездие — это маршрут в небе», — сформулировал дизайнер, еще до того как это успел произнести клиент.
На этом можно было бы красиво закончить раздел словами «концепция была найдена». Но оставалась проблема: визуальный язык понравился, а отдельного узнаваемого символа ещё не было.
Идею утвердили. Знак — пока нет.
[5] Три знака и одно «сто процентов»
К следующей встрече подготовили три варианта символа.
- Пиксельная звезда.
- Абстрактный плюс из блоков и пересечений.
- Полноценное созвездие с центральным квадратом и четырьмя связанными элементами.
Когда на экране появился третий вариант, долгого обсуждения не случилось. Реакция клиента была короткой: «Сто процентов».
Редкий созвон, на котором не нужно расшифровывать формулировки вроде «вроде нравится, но хочется больше воздуха и немного вау». Решение выбрали сразу.
В финальном знаке центральный квадрат соединён прямыми линиями с четырьмя меньшими. Это не просто звезда. Центральный элемент обозначает идею, остальные — разные части компании и людей, которые помогают довести её до результата.
Символ можно использовать отдельно от названия: на аватаре, бейдже, ручке или рукаве. Рядом с ним работает плотное шрифтовое написание TechRoute / ТехРоут. Букву «Х» изменили, чтобы связать слово и знак общей пиксельной пластикой.
[6] Утвердили логотип. Файлы нужны к утру
В реальном проекте после выбора концепции редко наступает спокойная неделя для вдумчивой полировки. У TechRoute уже собирали лендинг и планировали запустить его 28 декабря, чтобы на новогодних каникулах сотрудники могли знакомиться с программой и подавать идеи.
После утверждения клиенту понадобились логотип, основные цвета и дополнительный акцент для сайта. Не «когда будет готов брендбук», а вечером того же дня или следующим утром: команда собиралась менять оформление лендинга уже завтра.
Поэтому первый этап закрывали не презентацией с красивыми мокапами, а рабочим комплектом файлов. Белая версия логотипа должна была сразу встать на тёмный фон, а команда сайта — получить точные цвета без попыток подобрать «примерно такой зелёный» пипеткой из Zoom.
Это важная часть брендинга, о которой редко пишут в кейсах. Айдентика ценна не в момент аплодисментов на презентации, а когда другой подрядчик может открыть файлы и продолжить работу без созвона на два часа.
[7] Паттерн, который не заканчивается одним макетом
Для сайта, презентаций, рассылок и мероприятий одного логотипа мало. Нужна графическая система, способная собирать новые композиции.
Так появился паттерн звёздного неба. Точки расположены на модульной сетке и могут соединяться в разные фигуры. У системы есть чёткие правила: линии начинаются в опорных точках, проходят под углами 45 или 90 градусов, не изгибаются и сохраняют заданную толщину.
Ограничения здесь не мешают дизайну, а защищают узнаваемость. Другая команда может собрать новый постер или экран, не копируя готовый макет, — и материал всё равно останется частью TechRoute.
Для акселератора эта логика работает особенно хорошо. Из одних и тех же элементов можно строить разные маршруты, как из идей сотрудников — разные продукты.
[8] Цвет, которому не нужно кричать / Тёмный зеленый вместо заезженного синего
Синий стал почти автоматическим выбором для IT. Он понятный и безопасный, поэтому редко помогает отличаться.
Основой палитры TechRoute сделали глубокую зелёно-серую гамму: умеренный синевато-зелёный, аспидно-серый, почти чёрный и белый. Для печатных материалов подобрали близкий Pantone Sea Moss.
Для кнопок, статусов и других акцентов добавили светлый синевато-зелёный, тиффани и тёмный циан. Они дают контраст на сайте, но не спорят с основной системой.
В брифе отдельно запретили неоновые цвета. Мы не стали превращать это в догму и полностью отказываться от градиентов. В гайдлайне остался один сдержанный переход между тёмными фирменными оттенками. Он работает как фон, а не как главный визуальный аттракцион.
[9] Шрифт не обязан изображать будущее
Для основных текстов выбрали Golos Text. Это читаемый гротеск с широкой линейкой начертаний, который одинаково нормально работает на сайте, в письме, презентации и печати.
Добавлять ещё один нарочито футуристичный шрифт не стали. Бренд уже получает характер от логотипа, знака, сетки и цвета. Текст должен помогать читать, а не доказывать, что дизайнер умеет находить необычные гарнитуры.
[10] Проверка неудобными носителями
Красивый постер прощает многое. Мелкие носители — почти ничего.
Поэтому айдентику проверяли на разных группах носителей:
- печатных материалах — визитках, конвертах, папках и дипломах;
- мерче — худи, футболках, блокнотах, ручках и стикерах;
- упаковке и аксессуарах — коробках, лентах и пакетах;
- внутренних коммуникациях — бейджах участников и email-рассылках.
На бейдже нужно разместить имя, подразделение, название команды и даты программы. В рассылке — сохранить читаемость длинного служебного текста. На одежде — сделать так, чтобы графика работала и на белой, и на тёмной ткани. На ручке — не потерять знак на площади, где любая лишняя деталь превращается в пятно.
Если решение живёт только на идеальном мокапе, это пока концепция. Айдентика начинается на неудобных форматах.
[11] Брендбук как страховка от творчества
Финальный гайдлайн фиксирует охранные поля, минимальную высоту логотипа и символа в 40 пикселей, монохромные версии, правила контраста и построения фигур из паттерна.
Это не бюрократия. Без правил один подрядчик растянет логотип, второй добавит тень, третий решит, что созвездию не хватает волнистых линий. Через полгода останется пять версий TechRoute, и каждая будет считать себя основной.
Брендбук нужен, чтобы новая команда могла развивать систему, а не интерпретировать её заново при каждом макете.
[12] Что получилось
TechRoute получил не отдельный знак, а визуальную систему:
- самостоятельный символ-созвездие;
- характерное шрифтовое написание;
- модульный паттерн для разных форматов;
- основную палитру и акцентные цвета для цифровых носителей;
- правила для сайта, печати, мерча и внутренних коммуникаций.
Главное — айдентика выросла из механики самого акселератора. Отдельные точки собираются в созвездие. Идеи проходят маршрут. Люди из разных подразделений соединяются вокруг проекта.
Так технологичность становится не декорацией, а логикой системы.
