Центр «ШУМ»

Центр дизайна «ШУМ»

Бренд «ШУМ» в одном месте

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

2026.1 · Актуальная версия

01 / Логотипы

Подберите вариант под свою задачу.

Вариант
Фон
Цвет знака
Формат
Охранное поле × 0.25

02 / Ресурсы

Все версии одним взглядом.

Основной

Основной логотип

Вертикальный

Вертикальный логотип

03 / Палитра

Цвет — это система ролей.

Основной текст и поверхности

Тёмно-синий

RGB
38 38 74
HSL
240 32% 22%

Тёплый акцент

Оранжевый

RGB
243 135 6
HSL
33 95% 49%

Эмоциональный акцент

Розовый

RGB
255 20 147
HSL
328 100% 54%

Поддерживающий акцент

Бирюзовый

RGB
121 191 179
HSL
170 35% 61%

Доступность

Контраст на выбранном фоне

1.13:1Белый текст AA —18.60:1Чёрный текст AA ✓

04 / Типографика

Голос, который остаётся своим.

Заголовки и акценты

TT Travels Next

ШУМ — это голос, который слышно.Aa · Аа · 0123456789

Текст и интерфейс

TT Hoves Pro

ШУМ — это голос, который слышно.Aa · Аа · 0123456789

05 / Правила

Свобода формы — внутри правил.

Сохраняйте охранное поле

Пусть знак дышит на любой поверхности.

Выбирайте контрастный вариант

Тёмный логотип — на светлом фоне, светлый — на тёмном.

×

Не растягивайте логотип

Сохраняйте исходные пропорции знака и надписи.

×

Не добавляйте эффекты

Без теней, обводок и новых цветов.

Минимальный размер

От 96px

Ниже этой ширины используйте знак без надписи.
Логотип Центра «ШУМ»

06 / Для разработчиков

Система готова к внедрению.

CSS-переменные

--color-ink: #26264A;
--color-orange: #F38706;
--color-pink: #FF1493;
--color-teal: #79BFB3;

Tailwind

colors: {
  ink: '#26264A',
  orange: '#F38706',
  pink: '#FF1493',
  teal: '#79BFB3',
}

Токены дизайна

{
  "color": {
    "ink": "#26264A",
    "orange": "#F38706",
    "pink": "#FF1493",
    "teal": "#79BFB3"
  }
}

Используйте материалы только в утверждённых вариантах и с соблюдением правил центра бренда.