РЕМЕСЛО: СИСТЕМЫ — Brand Guidelines v4
___
0%
Brand Identity Guidelines — 2026

РЕМЕСЛО:СИСТЕМЫ

IT-подразделение ГК РЕМЕСЛО. AI-powered продукты, интеграции и цифровая инфраструктура для промышленного сектора.

Scroll
01 — Связь с брендом

Наследие ГК РЕМЕСЛО,
язык технологий

«Ремесло: Системы» — цифровое крыло группы компаний. Наследуем ДНК: инженерную точность, надёжность, системный подход — но транслируем их языком технологий.

Материнский бренд

ГК РЕМЕСЛО

Производственно-монтажная группа. Металлоконструкции, фасадные системы, инженерные решения. Индустриальный минимализм.

IT-подразделение

РЕМЕСЛО: СИСТЕМЫ

Разработка AI-продуктов, интеграции, софт для промышленности. Калькуляторы себестоимости, автоматизация КП.

Общее ДНК
Инженерная точность
Системный подход
Roboto Slab
Navy #1C2E4A
Медный акцент
Cyan акцент
JetBrains Mono
Dark UI
ИНЖЕНЕРНАЯ ТОЧНОСТЬ
ГК РЕМЕСЛО
AI-POWERED
ЦИФРОВАЯ ИНФРАСТРУКТУРА
МЕТАЛЛОКОНСТРУКЦИИ
КАЛЬКУЛЯТОР СЕБЕСТОИМОСТИ
ИНТЕГРАЦИИ
СИСТЕМНЫЙ ПОДХОД
ИНЖЕНЕРНАЯ ТОЧНОСТЬ
ГК РЕМЕСЛО
AI-POWERED
ЦИФРОВАЯ ИНФРАСТРУКТУРА
МЕТАЛЛОКОНСТРУКЦИИ
КАЛЬКУЛЯТОР СЕБЕСТОИМОСТИ
ИНТЕГРАЦИИ
СИСТЕМНЫЙ ПОДХОД
02 — Цветовая палитра

Цвета цифровой инженерии

Тёмная база + cyan акцент. Copper — наследие ГК РЕМЕСЛО. Кликните карточку → перевернуть.

Утилитарные
Success
#22c55e
Error
#FF5252
Warning
#FFBD2E
SYSTEM DEPTH
CYAN GLOW
HERITAGE BRIDGE
03 — Типографика

Три голоса, одна система

Roboto Slab — наследие. IBM Plex Sans — интерфейс. JetBrains Mono — код.

Шкала размеров
H1Заголовок48/56
H2Подзаголовок32/40
BODYОсновной текст16/24
CODEМЕТКИ И ПОДПИСИ11/16
Roboto Slab
Display
Heritage
Инженерные системы точного расчёта
AaLight
AaRegular
AaBold
AaBlack
IBM Plex Sans
Body
System
Цифровые решения для промышленности требуют особого подхода. Каждый продукт проектируется с инженерной точностью — от архитектуры данных до интерфейса пользователя.
AaLight
AaRegular
AaSemi
AaBold
JetBrains Mono
Code
Tech
04 — Логотип

Знак цифрового подразделения

Двоеточие — символ синтаксиса и связи.

Р:СРЕМЕСЛОСИСТЕМЫ
НА ТЁМНОМ ФОНЕ
Р:СРЕМЕСЛОСИСТЕМЫ
НА СВЕТЛОМ ФОНЕ
Р:СРЕМЕСЛОСИСТЕМЫ
НА HERITAGE NAVY

Как использовать / Как не использовать

✓ ПРАВИЛЬНО
Р:С
Двоеточие в акцентном цвете. Достаточно воздуха.
✕ НЕЛЬЗЯ
Р:С
Двоеточие одного цвета — теряется идентичность.
✓ ПРАВИЛЬНО
Р:С
Heritage-версия на светлом. Для материалов ГК РЕМЕСЛО.
✕ НЕЛЬЗЯ
Р:С
Не на пёстром фоне. Не добавлять тени.
✓ ПРАВИЛЬНО
Р:С
Охранное поле = высота «Р». Не нарушать.
✕ НЕЛЬЗЯ
Р:С
Не менять шрифт, не искажать.
05 — Иконки

Библиотека иконок

Stroke 1.5px, Lucide-стиль. Выберите → цвет → SVG/код.

← Выберите иконку
—
06 — UI-компоненты

Кнопки и поля ввода

Кнопки
Поля ввода
GLASSMORPHISM
BACKDROP-FILTER
BLUR 20PX
FROSTED GLASS
DEPTH LAYERS
TRANSPARENCY
GLASSMORPHISM
BACKDROP-FILTER
BLUR 20PX
FROSTED GLASS
DEPTH LAYERS
TRANSPARENCY
06b — Glassmorphism

Стекло видно, когда за ним
что-то движется

Анимированные объекты за стеклом. Matrix rain проходит сквозь blur — glassmorphism в действии.

CSS
background: rgba(255,255,255, 0.06);
backdrop-filter: blur(24px) saturate(1.4);
border: gradient via wrapper trick;
border-radius: 20px;
06c — Карточки

Flip. Glow. Glass.

⚡

Glass on Mesh

Blob'ы видны сквозь стекло. Hover = подъём + тень.

✦

Glow Border

Conic-gradient @property крутится при hover.

↻

Flip → Hover

3D transform, perspective 1000px.

Обратная сторона

Детали, ссылки, CTA.

07 — Экраны

Применение в интерфейсах

Наклоните мышь — мокапы следуют за курсором.

calc.remeslo-systems.ru
IMAGE
КАЛЬКУЛЯТОР — LANDING
app.remeslo-systems.ru/dashboard
DASHBOARD — APP
gk-remeslo.ru
IMAGE
HERITAGE — ГК РЕМЕСЛО
500+ ОБЪЕКТОВ
1.2M М² СМОНТИРОВАНО
15 ЛЕТ ГАРАНТИИ
AI-КАЛЬКУЛЯТОР
АВТОМАТИЗАЦИЯ КП
150+ СПЕЦИАЛИСТОВ
500+ ОБЪЕКТОВ
1.2M М² СМОНТИРОВАНО
15 ЛЕТ ГАРАНТИИ
AI-КАЛЬКУЛЯТОР
АВТОМАТИЗАЦИЯ КП
150+ СПЕЦИАЛИСТОВ
08 — Продукт

Калькулятор себестоимости

Первый продукт. Полный цикл: от объёма до готового КП.

Flagship Product

РС: Калькулятор

Объём → себестоимость → человекочасы → маржа → готовое КП в фирменном стиле ГК РЕМЕСЛО.
✓Объём материалов
✓Себестоимость
✓Человекочасы
✓Расчёт маржи
✓Генерация КП
✓Экспорт PDF
0
м² рассчитано
0
₽ в КП
0
Человекочасов
0
% маржа
09 — Тон коммуникации

Голос инженера, который пишет код

✓
Техническая точность
✕
Маркетинговая вода
✓
Конкретные метрики
✕
«Инновационные решения»
✓
«Экономит 12 часов в неделю»
✕
«Революционная платформа»
✓
Dev-юмор, если уместен
✕
Корпоративный канцелярит
«Мы автоматизируем то, что инженеры считают на бумаге. И делаем это с инженерной же точностью.»
— Принцип коммуникации Ремесло: Системы
РЕМЕСЛО: СИСТЕМЫ
Brand Guidelines — 2026