Собранных айдентик
логотип, палитра, типографика
Конкурентов в разборах
по цвету и шрифту
Отраслей в работе
от финтеха до промышленности
Дизайн и брендинг — от логотипа до дизайн-системы
Слоя системы
знак · цвет · шрифт · сетка
Темы из коробки
светлая и тёмная
Токенов в коде
дизайн собирается в код
Логотип, цвет, шрифт и сетка — собраны в один язык
Большинству не нужен «ещё один красивый логотип». Нужен бренд как система: цвет, шрифт и сетка из токенов, которые одинаково уверенно работают в презентации, на сайте и в коде
Руслан Крылов
Основатель студии krylov®
Собираем бренд как систему — от знака и логотипа до палитры, типографики, сетки и токенов для сайта и кода
Нужен не «ещё один красивый логотип», а бренд как система: цвет, шрифт и сетка из токенов — единые на сайте, в коде и в презентации
Руслан Крылов
Основатель студии krylov®
Цветовая карта конкурентов
Ось X — фирменный цвет, ось Y — светлая/тёмная тема. Все игроки на одной карте — зоны занятости видно сразу.
Синий край свободен
Середина и тёплый край забиты. Чистый электрик-синий свободен — туда мы ставим акцент бренда.
Шрифты конкурентов
Ось X — происхождение шрифта, ось Y — вес заголовков. Сверху вниз — от лёгкого к сверхжирному.
Портреты ЦА
Кому продают конкуренты. Возраст, роль и ключевые навыки ядра аудитории — по каждому игроку вертикали.
- Выбор вендора
- Бюджет и ТЭО
- Комплаенс
- Метрики SL
- BPM-процессы
- Речевая аналитика
- Тендеры и закупки
- Лицензирование
- Вендор-менеджмент
- Модернизация legacy
- Отраслевая экспертиза
- Управление программами
Где они на карте
Ось X — возраст, ось Y — цифровая зрелость. Сразу видно разрыв между опытными ЛПР и массовым пользователем — и где продукту нужен свой язык.
Студентмассовый · 21
Соискательмассовый · 25
Пользовательмассовый · 29
ТимлидB2B · 33
ПродактB2B SaaS · 35
АдминB2B · 40
ЗакупщикИТ-закупки · 38
ЛПРзаказчик · 42Два разных мира
Решение принимают опытные B2B-роли, а пользуются — массовый сегмент. Под каждого нужны свои сообщения и интерфейс.
Тренды дизайна
Айдентика, которая не устареет через сезон. Берём в систему только то, что работает на бренд вдолгую.
Тишина интерфейса
Меньше декора, больше воздуха: hairline-линии, спокойная сетка, акцент только там, где нужно решение.
Искусство как язык
Иллюстрация и графика вместо стоковых фото — узнаваемый визуальный почерк бренда.
Вёрстка дышит
Крупные поля, чёткая типо-иерархия, ритм из отступов — контент читается без усилий.
Токен-системы
Цвет, шрифт и отступы как переменные — один источник правды для дизайна и кода.
Свет и тьма по умолчанию
Каждый акцент — парой значений: айдентика живёт в обеих темах без правок.
Motion-first
Айдентика проектируется сразу в движении: логотип, переходы, микро-анимации.
Шесть принципов новой эстетики
Из чего складывается предложение
Середина и тёплый край заняты — чистый синий свободен
Гротески и сток — характер свободен
B2B-профи 30+ и госсектор
Тишина, искусство, воздух
Госсектор и корпорации: доверие обязательно
Реестр ПО, кириллица, импортозамещение
Конкурентов в нашей синей зоне. Середина и тёплый край спектра заняты.
Акцент на всю систему. Кнопки, ссылки, графики и заливки.
Темы из коробки. Цвет одинаково живёт на светлом и тёмном.
Один цвет. Одна позиция — от кнопки до всей системы
Не тусклый корпоративный и не тревожный красный. Чистый электрик-синий — цвет действия и ясности: делает главное очевидным, а всё остальное оставляет тишине, и одинаково уверенно работает в светлой и тёмной теме.
Три цвета держат всю систему: один акцент, один тёмный, один светлый. Меньше цветов — больше порядка.
CMYK 82, 58, 0, 0 · PANTONE ≈ 2727 C
CMYK 23, 0, 12, 90 · PANTONE ≈ Black 3 C
CMYK 1, 0, 2, 6 · PANTONE ≈ Cool Gray 1 C
Возможные сочетания цвета
Меняем фон и акцент местами — любая пара остаётся контрастной и узнаваемой
Контраст
Каждая пара проходит AA · светлая и тёмная тема
Возможные сочетания в тексте
Заголовок и текст читаются на любом фоне палитры — контраст заложен в систему, без исключений
Читаемость
Минимум AA на всех сочетаниях
Один цвет. Одна позиция — от кнопки до всей системы
Слоя системы
знак · цвет · шрифт · сетка
Темы из коробки
светлая и тёмная
Токенов в коде
дизайн собирается в код
AaКонкуренты делят сток и чужой TT Commons. Onest занимает свободную зону карты — характер и сверхжирные веса, и говорит по-русски нативно
Onest
Выбор по итогам карты шрифтов
Одна гарнитура — вся иерархия
Открытые апертуры — читаемость на мелких кеглях и экранах.
Ровный ритм в интерфейсе и на плакате.
Полная кириллица без компромиссов.
Частые вопросы
Система: токены цвета, шрифта и отступов, логотип, гайдлайны и живые примеры. Одна логика для презентации, сайта и кода.
Соберём вашу айдентику
30-минутный звонок, чтобы прояснить задачу. Приходите с продуктом и характером бренда — уходите с направлением палитры и планом системы.
Записаться на звонок
30 минут на разбор: продукт, аудитория, характер и что уже есть.
/02Карты конкурентов
Строим карты по цвету и шрифтам — находим свободную зону под бренд.
/03Выбрать направление
Показываем палитру и гарнитуру, обоснованные картой — вместе выбираем.
/04Система и брендбук
На выходе — айдентика, гайдлайны, исходники и токены под ваш стек.