Гайдлайны бренда HyperStore
Всё, что нужно для корректного представления HyperStore: наш логотип, иконка приложения, цвета, типографика и официальный значок «Рекомендовано в HyperStore». Пожалуйста, не изменяйте эти элементы, чтобы бренд выглядел единообразно везде, где он появляется.
Логотип
Логотип HyperStore — это наш главный элемент идентичности. Используйте полноцветную версию на светлых поверхностях, а светлую — на тёмных. Всегда используйте предоставленные файлы — никогда не перерисовывайте и не набирайте логотип вручную.
Свободное пространство
Оставляйте вокруг логотипа свободное пространство не меньше высоты значка приложения. Не допускайте, чтобы другие элементы теснили его.
Минимальный размер
Для читаемости никогда не отображайте логотип уже 88 px на экране (≈12 мм в печати).
Иконка приложения
Закруглённый квадрат — это наша компактная айдентика. Используйте его для фавиконов, аватаров, изображений профилей в соцсетях и плиток приложений, где полный логотип не помещается. Сохраняйте скруглённые углы; никогда не обрезайте его до простого квадрата или круга.
Цвет
Фиолетовый — сердце бренда. Используйте градиент для ключевых акцентов, а тёмно-фиолетовый — для текста и заливок, которым нужен контраст на белом. Нажмите на любой образец, чтобы скопировать его hex-код.
Типографика
HyperStore использует Lexend по всему продукту — чистый, легко читаемый гротеск. Для заголовков — Medium и Semibold, для основного текста — Regular. Lexend бесплатен и распространяется с открытым исходным кодом через Google Fonts.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % →
Значок «Рекомендовано в HyperStore»
Если ваш инструмент размещён в каталоге — расскажите об этом. Разместите этот значок на своём сайте и дайте ссылку на вашу страницу в HyperStore. Выберите стиль и размер, затем скопируйте фрагмент кода.
Как делать и как не делать
Сохраняйте узнаваемость знаков. Несколько простых правил охватывают почти всё.
- Используйте оригинальные, неизменённые файлы.
- Давайте логотипу пространство для дыхания.
- Масштабируйте пропорционально — удерживайте Shift.
- Размещайте на фоне с достаточным контрастом.
- Изменяйте цвет или градиент логотипа.
- Растягивайте, сжимайте или поворачивайте его.
- Добавляйте тени, обводки или эффекты.
- Размещайте на пёстром или низкоконтрастном фоне.
Вопросы об использовании бренда?
По вопросам прессы, партнёрских логотипов или всему, что не описано здесь, свяжитесь с нами — мы поможем.
Контакты →