Brand Identity Guidelines

ГК
РЕМЕСЛО

Производственно-монтажная
группа компаний

Профессиональное мастерство

Инженерная точность

Системное качество

2025

БРЕНДБУК

ГК РЕМЕСЛО — производственно-монтажная группа компаний, специализирующаяся на металлоконструкциях, фасадных системах и комплексных инженерных решениях.

Настоящий документ определяет правила применения фирменного стиля — от цветовых токенов до принципов коммуникации.

SCROLL

Смысл бренда

Бренд как
инженерная
система

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

Металл Фасады Монтаж Инженерия Качество

Индустриальный минимализм

Визуальный язык основан на принципах инженерного проектирования: чёткие линии, логичная структура, функциональная эстетика

Модульность

Единая сетка, легко масштабируется

Контраст

Чёткая иерархия элементов

Воздух

Пространство между элементами

Порядок

Логичная, предсказуемая структура

01 — Инженерия

Техническое совершенство

Каждое решение продиктовано функцией. Эстетика — следствие точности расчётов.

02 — Точность

Выверенность каждой детали

Допуск в производстве и допуск в коммуникации — одинаково критичны для результата.

03 — Доверие

Надёжность партнёрства

Говорим о том, что умеем делать. И делаем то, о чём говорим.

04 — Конструктив

Системный подход

Комплексные решения вместо отдельных услуг. Полный цикл от проектирования до монтажа.

Тон бренда

Голос, которому доверяют

Коммуникация ГК РЕМЕСЛО — это разговор опытного инженера с заказчиком. Без лишних слов, по существу.

✓ Говорим так

Спокойный и уверенный

Профессиональный

Конкретный и понятный

Экспертный без пафоса

✕ Избегаем

Агрессивный и навязчивый

Формальный и сухой

Абстрактный и размытый

Высокомерный

«Мы говорим о том, что умеем делать.
И делаем то, о чём говорим.»

Принцип коммуникации ГК РЕМЕСЛО

Цветовая палитра

Цвета индустрии

Нажми на любой цвет — HEX скопируется.
CSS-переменные подключаемы в приложение через :root

Основной · PrimaryИнженерный синий

#1C2E4A ↗ copy

--c-navy

HSL 215° 50% 18%

Фон · BackgroundБелый

#FFFFFF ↗ copy

--c-white

HSL 0° 0% 100%

Акцент · AccentМедно-оранжевый

#D97722 ↗ copy

--c-orange

HSL 25° 75% 50%

Вспом. · SecondaryСтальной серый

#737D8C ↗ copy

--c-steel

HSL 210° 10% 50%

Вспом. · TertiaryГрафитовый

#3D4757 ↗ copy

--c-graph

HSL 210° 15% 30%

Важно: Медно-оранжевый используется дозированно — только для выделения ключевых элементов. Избыточное применение размывает его акцентную функцию.

Цветовые сочетания

Основное

С акцентом

Градации

Типографика

Шрифтовая система

Заголовки — Roboto Slab

Инженерная
точность

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

Light Regular Bold

Основной текст — Inter

Профессиональное мастерство

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

Light Regular Medium SemiBold

H1	Заголовок первого уровня	64px / 72px
H2	Заголовок второго уровня	40px / 48px
H3	Заголовок третьего уровня	24px / 32px
BODY	Основной текст для абзацев и описаний	16px / 24px
CAPTION	Подписи и метки	12px / 16px

Логотип

Логотип ГК РЕМЕСЛО

Основной на светлом фоне

-->

Основной на тёмном фоне

-->

Полноцветный

Основная версия для большинства носителей

Монохромный тёмный

Для светлых фонов и печати

Монохромный светлый

Для тёмных фонов

Охранное поле

x x

Вокруг логотипа необходимо сохранять свободное пространство, равное высоте буквы «Р» в названии.

В охранную зону не должны попадать другие графические элементы, текст или края носителя.

Печать

Минимум 25 мм

Digital

Минимум 120 px

Фавикон

32×32 px

Недопустимое использование

Искажать пропорции

Менять цвета произвольно

Добавлять тени и эффекты

Размещать на пёстром фоне

Графические элементы

Иконки и графика

Линейные иконки, stroke-width 1.5px. Стиль — технический, геометричный, без декоративных элементов. Нажми на иконку — откроется редактор: выбери цвет, скачай или скопируй SVG-код.

← Выбери иконку

Цвет иконки

#1C2E4A

#FFFFFF

#D97722

#737D8C

#3D4757

SVG-код

← Выбери иконку

Декоративные элементы

Линия-разделитель

1px, цвет --c-line. Разделяет контентные блоки без визуального шума

Выделенный блок

Акцентная рамка

1px, цвет --c-orange. Выделяет ключевую информацию или CTA-блок

Акцентная полоса

3–4px по высоте, цвет --c-orange. Маркер секции или начала заголовка

→

Стрелки

Тонкие геометричные стрелки для навигации, CTA и переходов

Фотостиль

Индустриальная фотография

Фото: готовые объекты

Готовые объекты

Фото: производство

Производство

Требования

Реальные объекты и производство
Холодная цветокоррекция, синий сдвиг
Высокий контраст и чёткость деталей
Минимум людей, акцент на материалах
Конструкции, фактуры, масштаб

Цветокоррекция

Сдвиг в холодные синие тона, повышенный контраст, сниженная насыщенность тёплых оттенков.

Сетка и композиция

Модульная система

12-колоночная сетка с базовым шагом 8px обеспечивает единообразие и масштабируемость на любых носителях.

Левое выравнивание текста

Крупные заголовки в начале

Достаточные отступы

Контраст ключевых элементов

12-колоночная сетка · шаг 8px

8 колонок

6 колонок

09–12

Примеры применения

Шаблоны и носители

Шаблон презентации

Коммерческое предложение

ГК РЕМЕСЛО

Производство и монтаж фасадных систем

16:9Минимум текстаКрупная типографикаАкцентная линия

Мы в цифрах

500+

Объектов построено

1.2М

М² смонтировано

150+

Специалистов

Лет гарантии

Пример блока сайта

gk-remeslo.ru

Фасадные системы
любой сложности

Проектирование, производство и монтаж вентилируемых фасадов, светопрозрачных конструкций и металлоизделий.

Обсудить проект →

Фото проекта

Проект

БЦ Новый Город

Простая навигацияГерой-секцияКонтрастные CTAРеальные фото

—

Заключение