Ресурсы и руководство по бренду Massive

Загрузите официальные логотипы, ознакомьтесь с цветовой палитрой и следуйте руководству по использованию для последовательного представления Massive.

Логотип

Наш логотип доступен в нескольких вариантах для разных контекстов. Используйте полноцветную версию когда возможно. Выберите светлый или тёмный вариант для обеспечения контраста на разных фонах.

Полный логотип (цветной)
Полный логотип (цветной)
Полный логотип (белый)
Полный логотип (белый)
Полный логотип (светлый)
Полный логотип (светлый)
Полный логотип (тёмный)
Полный логотип (тёмный)
Иконка (полноцветная)
Иконка (полноцветная)
Иконка (светлая)
Иконка (светлая)
Иконка (тёмная)
Иконка (тёмная)

Цвета

Наша цветовая палитра создана для смелого, но доступного восприятия. Оранжевые тона — наши основные идентификаторы бренда, а вспомогательные цвета обеспечивают контраст и иерархию.

Тёмно-оранжевый#d74939Основной акцент, CTA, выделение
Светло-оранжевый#ff8163Вторичный акцент, градиенты, подсветка
Тёмный#121117Основной текст, тёмные фоны
Светлый#FFFFFFФоны, текст на тёмном
Приглушённый сине-серый#607691Вторичный текст, ненавязчивые иконки
Зелёный#34d399Акценты машинного режима

Типографика

Мы используем два шрифта: Outfit для дисплея и UI-текста, и JetBrains Mono для кода и моноширинного контента.

Дисплей и UI

Outfit

Google Fonts →

The quick brown fox jumps

The quick brown fox jumps over the lazy dog. 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

Код и моноширинный

JetBrains Mono

Google Fonts →

const data = await fetch()

{ status: 200, body: 'Hello, world!' }

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Руководство по использованию

Следуйте этим правилам для точного и последовательного представления бренда Massive во всех медиа.

Делать

  • Использовать официальные файлы логотипа с этой страницы
  • Соблюдать минимальное свободное пространство вокруг логотипа
  • Использовать светлый логотип на тёмных фонах и наоборот
  • Сохранять пропорции логотипа при изменении размера
  • Использовать иконку там, где пространство ограничено

Не делать

  • Растягивать, поворачивать или искажать логотип
  • Менять цвета логотипа за пределами предоставленных вариантов
  • Добавлять эффекты, такие как тени или обводки к логотипу
  • Размещать логотип на загруженных или малоконтрастных фонах
  • Воссоздавать логотип, используя другие шрифты или иконки