06 · Фирменный стиль
Фирменный стиль
Айдентика студии построена вокруг одного знака-конструктора и пары цветов. Ниже — правила, по которым мы собираем сайт, презентации и документы.
Логотип
Идея знака
Знак — буква R, собранная из трёх простейших фигур: прямоугольной стойки, чаши-полудиска и ноги-клина. Это рабочий метод студии, показанный буквально: любой продукт мы собираем из понятных типовых частей — и они складываются в цельную вещь.
Детали не слиты в одну букву, между ними оставлены штанцевые зазоры, как в трафарете. Знак выглядит разобранным и собранным одновременно — редизайн и есть пересборка: разъединить, понять, соединить заново.
Нога-клин — единственная цветная деталь. Она даёт знаку направление: упирается в базовую линию и толкает букву вперёд. В одноцветных носителях клин красится вместе со всеми, и знак ничего не теряет.
Стойка и чаша берут цвет текста автоматически, поэтому один и тот же знак работает на тёмном, светлом и на фото. Он остаётся читаемым от вывески до фавикона: на мелких размерах массивные заливки держатся там, где тонкие линии рассыпаются.
Построение
Как собран знак
Три детали, одна логика: высота буквы 36 модулей, стойка шириной 10,5, чаша — полудиск радиусом 10,5, зазор между деталями — 4 модуля.
- Примитивы. Прямоугольник, полукруг и клин — базовые фигуры любого макета. Ничего декоративного: знак можно построить в любом редакторе за минуту.
- Штанцевые зазоры. Между деталями ровно 4 модуля. Зазоры не сужаются и не заливаются: просвет — часть формы, именно он делает букву «конструктором».
- Клин. Единственная фирменно-цветная деталь. Стоит на одной базовой линии со стойкой и выходит правее чаши — буква получает опору и ход вперёд.
- Окружность чаши. Чаша — ровно половина круга радиусом с ширину стойки. Верх чаши лежит на линии верха стойки, ничего не выступает за габарит буквы.
Версии
Версии
Логотип — знак плюс шрифтовая часть в кривых: он выглядит одинаково в любой операционной системе и не зависит от того, какие шрифты установлены у зрителя. Стойка и чаша наследуют цвет текста, клин задаётся переменной.
Как правильно
Так не делаем
Цвет
Палитра
Один фирменный цвет и два служебных статуса. Акцент занимает не больше десятой части площади экрана — остальное держит тёмная база. Градиентов в системе нет: только плоские заливки, как в знаке.
Акцентные
Нейтральные
Примитивы как орнамент
Квадрат, полудиск и клин — детали знака — работают и как графический ряд: маркеры списков, буллиты статистики, разделители в ленте клиентов, иллюстрации интерфейсов. Порядок всегда одинаковый — квадрат, полудиск, клин — и цвет один, фирменный фиолетовый.
квадрат → полудиск → клин · шаг 1.25rem · #7C5CFF
Шрифт
Типографика
Две гарнитуры, обе вшиты в тему и не зависят от системы зрителя. Manrope — весь набор, от заголовков до подписей: геометрический гротеск с плоскими срезами, рифмующимися со штанцевыми зазорами знака. JetBrains Mono — служебные подписи, надзаголовки и технические метки. Обе с полной кириллицей, лицензия OFL.
2.5–4.2rem
1.95–2.9rem
1.12–1.3rem
1.0425rem
0.72rem
Интерфейс
Элементы интерфейса
Радиусы 6 / 10 / 14 / 18 px — прямоугольные, как стойка знака. Полное скругление живёт только в «чаше»: асимметричных контейнерах иконок и аватаров. Обводка 1 px белого с прозрачностью 8%, тени — только мягкий подъём на ховере.
Слова
Тон коммуникации
Говорим по делу
Короткие предложения, конкретные числа, никакого «инновационного синергетического подхода».
Честно про ограничения
Если задача не помещается в бюджет — пишем об этом сразу, а не в середине работы.
На равных
Обращаемся на «вы» без заискивания. Клиент — коллега, а не «дорогой партнёр».
Следующий шаг
Нужен такой же порядок в вашем бренде?
Собираем дизайн-системы и гайдлайны: токены, компоненты, документация и шаблоны для команды.