Логотип и брендбук для приложения hike

Кейс студии vasilyev.design: разработка знака, логотипа, фирменных цветов, типографики и полного руководства по использованию бренда для мобильного приложения hike.
 

Логотип мобильного приложения живёт в жёстких условиях: он должен считываться в иконке 60×60 пикселей на экране смартфона, в фавиконе браузера, в карточке App Store и на баннере во весь экран. В этом кейсе рассказываем, как мы спроектировали айдентику hike — от идеи знака до брендбука, который защищает бренд от искажений на любом носителе.

Задача: единый визуальный язык для продукта

Клиенту требовался не просто «красивый логотип», а система:

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

Название hike — «восхождение, подъём» — само подсказало метафору: движение вверх, скорость, уверенный рывок. Для финансового приложения это точное позиционирование — рост капитала и динамика без агрессии.
 

Идея знака: барс, спрятанный в букве H

В основе логотипа — силуэт бегущего снежного барса, вписанный в первую букву названия. Две наклонные ленты образуют букву H, а тело зверя в прыжке становится её перекладиной. Получился знак с двойным прочтением:

• С первого взгляда — стремительная дикая кошка в прыжке: скорость, сила, грация.
• Со второго — монограмма H: прямая связь с именем бренда.

Такие «знаки с секретом» лучше запоминаются: пользователь, однажды разглядевший букву в силуэте, уже не сможет её «развидеть». Кроме того, зооморфный знак хорошо масштабируется: пластика животного считывается даже в размере фавикона.

Барс не случаен и по смыслу: это животное высокогорья — прямой мостик к названию hike и к идее восхождения к цели.
 

Логотип: знак + шрифтовая часть

Полная версия логотипа — горизонтальный лок-ап: знак слева, строчное начертание «hike» справа. Строчные буквы делают бренд дружелюбным и современным — это язык цифровых продуктов, а не корпораций из 90-х.

В брендбуке зафиксирована модульная сетка построения: охранное поле вокруг логотипа задано модулем «10» — расстоянием, которое нельзя нарушать ни тексту, ни другим графическим элементам. Отдельно описано охранное поле для самостоятельного знака-иконки. Это простое правило избавляет от типичной болезни брендов: «прилипших» к логотипу заголовков и краёв макета.
 

Фирменные цвета: градиент неба

Палитра hike лаконична — три цвета

Градиент от насыщенного голубого к светло-небесному создаёт ощущение воздуха, высоты и лёгкости — снова работает на метафору восхождения. При этом палитра остаётся строгой и «банковской»: для финтех-продукта важно доверие, а не пестрота.
 

Типографика: Unbounded

Фирменный шрифт — Unbounded, современный гротеск с широкими пропорциями и характерными деталями. Он используется в трёх начертаниях (от Light до Bold), поддерживает кириллицу и латиницу, отлично работает и в крупных заголовках, и в интерфейсных подписях. Широкая пластика Unbounded рифмуется с округлыми формами знака — айдентика ощущается цельной.

Адаптации: от фавикона до App Store

Хороший брендбук проверяется не на плакате, а в реальных носителях. Для hike мы отрисовали и протестировали:

• Иконку приложения iOS — знак на фирменном градиенте и инверсная версия (белая плашка с градиентным знаком). Иконка проверена в контексте домашнего экрана рядом с системными приложениями Apple.
• Карточку в App Store — знак уверенно смотрится и на чёрной подложке, сохраняя узнаваемость в категории «Финансы».
• Фавикон и вкладку браузера — минимальный размер, в котором силуэт барса остаётся читаемым.
• Фирменный паттерн и баннеры — крупная типографика «hike» с обрезкой за край макета и полупрозрачный силуэт барса как фоновая графика.
   
  

Правила использования: логотип на разных фонах

Отдельный разворот брендбука — матрица допустимых сочетаний знака и фона. Принцип простой и однозначный:

• на светлых и светло-голубых фонах — градиентный или чёрный знак;
• на насыщенном фирменном голубом — белый знак;
• на серых и чёрных поверхностях — белая версия;
• монохром (чёрный/белый) — для документов, гравировки, печати в один цвет.

Правило сформулировано одной строкой: используйте правильный цвет логотипа относительно фона. Такая матрица убирает субъективность — подрядчику не нужно «чувствовать», достаточно свериться с таблицей.
 

Что вошло в брендбук

1. Философия и идея знака.
2. Построение логотипа, модульная сетка, охранные поля.
3. Версии логотипа: полная, знак, инверсии.
4. Фирменные цвета с HEX-кодами и правилами применения.
5. Типографика: начертания Unbounded и иерархия.
6. Матрица «знак × фон»: допустимые и запрещённые сочетания.
7. Адаптации: иконка iOS, фавикон, App Store, баннеры, паттерн.
    
   

Результат

hike получил айдентику, которая масштабируется без потерь: один и тот же знак работает в 16 пикселях фавикона и на билборде, а брендбук гарантирует, что через год и через пять лет бренд будет выглядеть так, как задумано. Зооморфная монограмма даёт узнаваемость с первого касания — а в переполненном сторе это конкурентное преимущество.

---

FAQ: разработка логотипа и брендбука

Чем брендбук отличается от логобука? Логобук описывает только логотип и правила его использования. Брендбук шире: он включает цвета, типографику, графические элементы, адаптации под носители и принципы коммуникации бренда.

Сколько времени занимает разработка логотипа и брендбука для приложения? В среднем от 2 до 6 недель в зависимости от объёма: количества концепций, носителей и глубины гайдлайна.

Зачем нужны охранные поля логотипа? Охранное поле — минимальный отступ вокруг знака, свободный от текста и графики. Оно сохраняет читаемость и «вес» логотипа в любом макете.

Почему для приложения важна отдельная иконка, а не уменьшенный логотип? Полный логотип с текстом нечитаем в размере иконки. Поэтому в системе hike знак спроектирован как самостоятельная единица и протестирован в реальных размерах iOS.
 

---

Нужен логотип и брендбук для вашего продукта? Напишите нам — студия vasilyev.design разрабатывает айдентику для приложений, сервисов и брендов под ключ.