Брендбук

Фирменный стиль компании «Системные Решения». Логотипы, цветовая палитра, типографика и правила использования.

Логотипы

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

Горизонтальная компоновка. Используется на сайте, в документах и на визитках.

SVG | PNG | WEBP

Знак (иконка)

Используется как favicon, аватар в мессенджерах, иконка приложения.

Скачать WEBP | Скачать PNG

На тёмном фоне

Допускается использование основного логотипа на тёмном и цветном фоне без инверсии.

Монохромная версия

Для печати в один цвет, штампов и гравировки.

Логотип состоит из двух элементов:

Знак — четыре прямоугольника со скруглёнными углами: два синих (основной цвет) и два серых (дополнительный). Символизирует системный подход, модульность и надёжность.
Текст «Системные» — набран серым цветом (#737373), обозначает фундаментальность и экспертизу.
Текст «Решения» — набран синим (#3274CC), акцентирует результат и действие.

Основной синий

            HEX: #3274CC

            RGB: 50, 116, 204

            CMYK: 75, 43, 0, 20

Логотип, кнопки, ссылки, акцентные элементы

Дополнительный серый

            HEX: #737373

            RGB: 115, 115, 115

            CMYK: 0, 0, 0, 55

Знак логотипа, основной текст, подписи

Тёмный

            HEX: #111827

            RGB: 17, 24, 39

            CMYK: 56, 38, 0, 85

Заголовки, основной контент

Фоновый

            HEX: #F9FAFB

            RGB: 249, 250, 251

            CMYK: 1, 0, 0, 2

Фон страницы, секции, карточки

Зелёный (наличие)

            HEX: #16A34A

            RGB: 22, 163, 74

Статус «В наличии», успешные действия

Оранжевый (под заказ)

            HEX: #EA580C

            RGB: 234, 88, 12

Статус «Под заказ», предупреждения

Основной шрифт

Inter

Используется для всего интерфейса: заголовки, текст, кнопки, навигация.
Начертания: Regular (400), Medium (500), Semibold (600), Bold (700).

Моноширинный

Mono

Для артикулов, кодов, технических данных.
Начертание: Regular (400).

Масштаб

28px Заголовок H1

20px Заголовок H2

16px Заголовок H3

14px Основной текст — описания, параграфы, карточки товаров

12px Мелкий текст — подписи, метки, статусы

Допускается

Запрещается