Бренд-хаб · версия 2.6

Горький Стиль

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

Знак: «Рез»
Контейнеров: 4
Компоновок: 4
Направлений: 14
Паттернов: 3
Иконок: 28
Позиций: 56

Основа

Заказчик получает дом, а не стройку. Это главная ценность и первое, что компания обещает.

Человек, затевающий ремонт, боится не высокой цены — он боится непредсказуемости: что сроки поплывут, смета вырастет вдвое, качество окажется случайным, а его самого оставят один на один с бригадой. Бренд снимает именно этот страх: один ответственный на весь цикл, понятный ход работ, результат, совпадающий с тем, что показали до начала.

Полный цикл в одних руках

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

Технологии, которых у других нет

Проект показан до начала работ, отделка выполняется механизированно, ход работ виден в системе, а не со слов прораба.

Три поддерживающих смысла работают в текстах и на встрече, но самостоятельными опорами не являются: полный цикл от А до Я — таких компаний в городе единицы; проверены временем, не бросаем объекты; берёмся за самые сложные задачи.

Характер

Пять шкал — техническое задание на любое визуальное и текстовое решение. Работа проверяется по ним, а не по вкусу.

Как читать

Технологичный и современный — значит геометрия без скруглений, моноширинные аннотации, размеры на виду.

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

Знак

Буква Г в квадратной плашке со сквозным диагональным швом. Шов проходит букву насквозь и уходит за её край: торцов не видно, он читается как рез, а не как нарисованная полоска.

Основная · графит и бумага

Выворотка · бумага и графит

Одноцветная · буква вырезана, фон просвечивает

Главное

Знак — это буква Г. Плашка — контейнер: он меняется под носитель, буква не меняется никогда.

Четыре контейнера

Контейнер	Посадка буквы	Где применяется	Файлы
Квадрат	1,00	По умолчанию везде	01–05
Круг	0,92 · сдвиг −20 ед.	Аватар, favicon, круглый стикер	10–14
Скруглённый квадрат	1,00 · радиус 22 %	Иконка приложения, плитка	15–19
Буква без плашки	1,00	Гравировка, тиснение, трафарет	20–22

В круге буква уменьшена и сдвинута к оптическому центру: дуга срезает угловую вершину, и при посадке 1,00 просвет падает до 13 % диаметра против 24 % у квадрата. При 0,92 со сдвигом просвет 17,3 %.

Буква без плашки не годится для суббрендов: без плашки нечему нести цвет направления.

Построение

Модуль M = 1/10 стороны плашки, координаты — в сотых долях плашки. Знак строится по числам: подрядчик воспроизводит его, не имея исходника.

Параметр	Значение	В долях плашки 1000
Плашка	10 × 10 M, углы прямые	1000 × 1000
Контур буквы	M28 24 H76 V46 H50 V76 H28 Z	в сотых долях
Штрих	2,2 M	220
Вылет полки	4,8 M	480
Ось шва	(20; 54) → (58; 16), под 45°	200,540 → 580,160
Ширина шва	0,34 M	34
Охранное поле	2 M со всех сторон	200

Шов в кривых

Шов — зазор между двумя замкнутыми контурами, а не обводка поверх буквы. Кромки лежат на прямых x + y = 71,596 и x + y = 76,404.

Контур	Точки в сотых долях плашки
Угловой кусок	(28; 24) → (47,6; 24) → (28; 43,6)
Основной кусок	(52,4; 24) → (76; 24) → (76; 46) → (50; 46) → (50; 76) → (28; 76) → (28; 48,4)

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

Охранное поле 2 M считается от края плашки. В него не заходит ни текст, ни линия, ни край носителя, ни чужой логотип

Что	Печать	Экран
Буква читается	от 8 мм	от 12 px
Шов виден	от 14 мм	от 32 px

Шов равен 3,4 % стороны знака: при 40 мм — 1,36 мм, при 20 мм — 0,68 мм, при 14 мм — 0,48 мм. Ниже порога ставится отдельный файл без шва, а не масштабированный основной.

Запрещённые искажения

Логотип

Знак плюс двухуровневый шрифтовой блок: имя ГОРЬКИЙ и сменное слово под ним, разделённые линейкой. Всё считается от кегля имени S и его базовой линии.

Конструктор

Соберите нужный локап: компоновка, контейнер, цветовая версия, азбука и сменное слово. Габарит и предупреждение о превышении длины считаются на лету.

Компоновка Контейнер Версия Азбука Сменное слово

СКОПИРОВАТЬ SVG

Метрика набора

Элемент	Значение
Имя ГОРЬКИЙ	Unbounded 700, трекинг 0,005 em
Ширина имени	6,118 S — константа, от неё считается остальное
Штрих имени	0,206 S
Штрих сменного слова	0,078 S
Ширина шва в знаке	0,082 S
Линейка: высота	0,095 S
Линейка: ось от базовой линии	0,400 S
Линейка: ширина	по большему из двух уровней — имени или слову
Сменное слово	JetBrains Mono 700, кегль 0,62 S, трекинг 0,32 em, прописные
Сменное слово: базовая линия	базовая линия имени + 1,200 S
Знак: сторона	2,40 S
Знак: зазор до блока	1,00 S горизонтальная · 0,67 S вертикальные
Знак: выключка	по центру блока по вертикали

Линейка привязана к тонким элементам логотипа: 1,16 ширины шва в знаке и 1,23 штриха сменного слова. Ширина имени берётся по правому краю последней буквы — 6,118 S.

Четыре компоновки

Каждая — в трёх цветовых версиях и двух азбуках.

Компоновка	Состав	Где	Габарит	Файлы
Горизонтальная	знак слева, блок справа	Основная. Шапка, бланк, договор, реклама	951,8 × 240	30–32
Вертикальная левая	знак сверху слева, блок под ним по левому краю	Узкие форматы, таблички, штендер, подвал	611,8 × 497	33–34
Вертикальная центральная	знак и слово по центральной оси	Титул, вывеска, стела, упаковка, сувенир	611,8 × 497	35–36
Знак соло	буква в контейнере	Аватар, favicon, спецодежда, инструмент	1000 × 1000	01–22

Нижняя граница

Компоновка с набором живёт от 32 мм и 175 px по ширине. Ниже логотип не ужимается, а заменяется знаком соло.

На этой ширине линейка даёт 0,32 мм, прописная сменного слова — 1,5 мм. Всё, что меньше, перестаёт быть логотипом и становится пятном.

Латиница

GORKIY / STYLE — те же гарнитуры и метрика: домен, международные материалы, техническая документация. На носителях для клиента первична кириллица. Ширина GORKIY — 4,944 S, короче кириллического имени, поэтому в латинице линейку чаще задаёт слово: RESTORATION занимает 6,076 S.

Что нельзя менять

Допустимо

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

Недопустимо

Разворачивать имя и сменное слово в одну строку
Ставить вертикальную компоновку по правому краю
Менять кегль, трекинг или гарнитуру любого уровня
Двигать линейку, менять её толщину или длину
Менять зазор между знаком и блоком
Добавлять слоган, город или год внутрь локапа
Обводить локап рамкой или ставить на плашку

Цвет

У мастер-бренда нет акцентного цвета: он живёт в графите. Цвет появляется только там, где речь о конкретном направлении.

ГРАФИТМАСТЕР-БРЕНД

Графит

#2A2F35RGB 42 47 53

--gs-graphiteL 0,028

БУМАГАФОН И ВЫВОРОТКА

Бумага

#F1F2EERGB 241 242 238

--gs-paperL 0,882

Правило буквы

Порог — относительная яркость 0,22. Ниже неё буква бумажная, выше — графитовая.

В самой точке перехода контраст равен 3,46 : 1. Цвет, попавший в её окрестность, нужно двигать по светлоте — выбором буквы он не вытягивается. Все четырнадцать пар «плашка — буква» дают не меньше 4,5 : 1.

Четырнадцать направлений

Палитра разложена по четырём контурам. Внутри контура направления расходятся по светлоте не менее чем на 10 единиц из 255 — это условие различимости в чёрно-белой печати.

Чёрно-белая печать

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

Запасной сценарий

Если оснастка на четырнадцати цветах окажется дорогой, система сворачивается до четырёх цветов по контурам — Проект, Инженерия, Конструктив, Интерьер — без переделки знака.

Не путать

Графит бренда #2A2F35 и графит сайта #0B0E10 — разные значения.

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

Типографика

Три гарнитуры и жёсткое разделение ролей. Каждая отвечает за свой слой сообщения; подмена одной другой ломает интонацию быстрее, чем неверный цвет.

Роль	Гарнитура	Начертания	Где	Лицензия
Дисплейная	Unbounded	600, 700	Логотип, заголовки, крупные цифры	SIL OFL
Текстовая	Manrope	400, 500, 700, 800	Основной текст, подзаголовки, кнопки, документы	SIL OFL
Техническая	JetBrains Mono	400, 500, 700	Сменное слово, метки, нумерация, размеры, сметы	SIL OFL

Все три распространяются по открытой лицензии SIL OFL: коммерческое использование, вышивальный станок и наружная реклама без выплат и без ограничения по носителям.

Шкала

Уровень	Гарнитура	Печать	Экран	Интерлиньяж	Трекинг
Титул	Unbounded 700	36–72 pt	40–86 px	1,00–1,10	−0,02 em
Заголовок раздела	Unbounded 700	20–26 pt	24–40 px	1,10	−0,015 em
Подзаголовок	Unbounded 600	14–16 pt	17–20 px	1,25	−0,01 em
Лид	Manrope 500	12–13 pt	17–19 px	1,50	0
Основной текст	Manrope 400	9,5–10,5 pt	15–16 px	1,62	0
Мелкий, сноска	Manrope 400	7,5–8 pt	12–13 px	1,45	0
Метка, надзаголовок	JetBrains Mono 500	7–8 pt	10–11 px	1,30	+0,13 em, прописные
Числа в таблице	JetBrains Mono 400	8,5–9,5 pt	13–14 px	1,45	табличные цифры

Так делаем

Моношрифт маркирует всё, что относится к спецификации: номера, размеры, коды, позиции сметы
Табличные цифры везде, где числа стоят в колонку
Не больше трёх кеглей на одном развороте
Прописные — только в метках, с трекингом +0,13 em

Так не делаем

Unbounded в основном тексте
Курсив — его нет в системе, синтетический наклон недопустим
Подчёркивание как выделение — оно оставлено ссылкам
Разрядку текстовой гарнитуры вместо жирного
Четвёртую гарнитуру «под задачу»

Суббренды

Мастер-бренд «Горький Стиль» и суббренды направлений под ним. Ядро «ГОРЬКИЙ» не меняется; меняются сменное слово и цвет плашки — и больше ничего.

Потолок длины

11 знаков. Одиннадцать дают 6,076 S при ширине имени 6,118 S; двенадцатый выходит за край. РЕСТАВРАЦИЯ, самое длинное из четырнадцати, ложится ровно в предел.

Тональность

Мягкая, функциональная: «Свет», «Климат», «Уют». Не «Электрик», не «Сантехник», не «Мастер по…».

Цифровая архитектура

Направление живёт разделом внутри основного сайта. Отдельный домен выделяется только после доказанного спроса.

Единственное отличие

Различие между направлениями несут ровно две вещи: сменное слово и цвет плашки.

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

Паттерн

Паттерн — среда, в которой живёт знак, а не узор рядом с ним. Поэтому он выводится из знака: штрих равен ширине шва, шаг кратен модулю M.

Один штрих

Толщина линии паттерна — 0,34 M, ровно ширина шва в знаке и толщина линейки логотипа. Второй толщины в системе нет; у разрежённых мотивов допускается 0,24 M.

Одна сетка

Шаг кратен модулю M: у мастер-бренда 4 M, у направлений 4–6 M. Любой паттерн системы можно поставить рядом с любым другим, и они не заспорят.

Разная логика движения

Мастер режет плоскость диагональю 45° — это шов. Направления двигаются по-своему: электрика идёт узлами схемы, вода — каплей.

Три паттерна

Паттерн	Бренд	Тайл и шаг	Штрих	Плотность	Файл
Стык	Мастер-бренд	8 × 6 M · шаг 4 M, разрыв 1,4 M	0,34 M	6,5 %	50
Группа	Горький Свет	8 × 8 M · сетка 4 M	узел 0,9 и 0,5 M	2,4 %	51
Капля точкой	Горький Источник	6 × 6 M · шаг 6 M вразбежку	ромб 0,8 M	1,8 %	52

Разрыв «Стыка» равен 1,4 M — тому самому порогу, ниже которого шов в знаке перестаёт печататься. Ромб «Капли» — плашка знака, повёрнутая на угол шва. Узлы «Группы» — точки вывода электрической схемы: диагонали в этом паттерне нет принципиально, потому что диагональная штроба запрещена нормами.

Паттерн и локап

Паттерн живёт вне локапа. Правило «различие несут только сменное слово и цвет плашки» он не нарушает.

Сам локап не меняется ни на йоту: различается фон под ним. Общая сетка и общий штрих держат группу вместе с расстояния, мотив различает вблизи. Собственный паттерн получают только направления с собственной воронкой; остальные живут на мастер-паттерне.

Плотность и подача

Навязчивость — это плотность, помноженная на контраст. Плотность задана геометрией и не меняется; подача — второй параметр спецификации наравне с шагом.

Носитель	Шаг	Подача	Где лежит
Бланк, договор, смета	4 M ≈ 6 мм	25 %	Поле страницы, под текстовый блок не заходит
Коммерческое предложение, титул	4 M ≈ 10 мм	55 %	Нижняя треть титула
Папка, пакет, коробка	4 M ≈ 18 мм	55–100 %	Вся плоскость, кроме охранного поля знака
Карточка направления на сайте	4 M = 44 px	100 %, цвет направления	Нижняя часть карточки, под заголовок не заходит
Обложка соцсети, сторис	6 M	100 %	Фон под заголовком
Экран ожидания в шоуруме	6 M	100 %	Вся плоскость, знак по центру

Цвет

На светлом носителе паттерн направления ставится графитом, а не цветом.

«Свет» #E0A22B на бумаге даёт контраст 1,99 : 1 — штриховка расплывается, а не читается. Цвет направления живёт на плашке знака; паттерн в цвете работает на самом цвете или на графите. Это то же правило буквы, применённое к фону.

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

Паттерн не заходит в охранное поле знака — 2 M со всех сторон.

Знак ставится либо на чистую плашку, вырезанную в паттерне, либо за его пределами. Логотип поверх штриховки не ставится никогда: линейка шрифтового блока и линия паттерна одной толщины, и на пересечении обе перестают читаться.

Знак повтором — позиция E6

Защитная плёнка · знак 40 мм, шаг 90 мм, ряды вразбежку, угол 0°

Единственный случай, когда сам знак работает как паттерн. Версия одноцветная, буква вырезана, фон просвечивает. С тремя паттернами системы повтор знака не смешивается: на одном носителе либо паттерн, либо знак повтором.

Шаг

90 мм между центрами, ряды со сдвигом на половину шага.

Размер

Знак 40 мм. Ниже 14 мм берётся файл без шва — здесь порог не достигается.

Так делаем

Ставим паттерн там, где знака нет: подложка, разворот, упаковка, фон поста
Держим один паттерн на одном носителе
Снижаем подачу до 25 % везде, где под паттерном есть текст
Считаем шаг от модуля M, а не подгоняем на глаз

Так не делаем

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

Иконки

Двадцать восемь пиктограмм на сетке 24 со штрихом 1,5. Углы 90° и 45° — те же, что в знаке; торцы и стыки скруглены, дуга допускается там, где предмет физически круглый.

Сетка и штрих

24 × 24, живая область 20 × 20, штрих 1,5 по центру линии. На 20 px и ниже штрих 1,25. Всё рисуется по целым и половинным единицам.

Пластика

Мягкая: round на торцах и стыках. Дуга — только у физически круглого предмета: трубка и лупа. Всё остальное прямое.

Заливка

Одна на всю систему — узел-квадрат 1,6–1,8. Тот же элемент, что несёт паттерн «Группа»: точка вывода, отметка, активное состояние.

Разделение

Предметы направлений живут в анимированной линии. Иконки их не дублируют.

В наборе нет лампы, капли, кисти, шторы и остальных предметов: они закреплены за концовками линии. Электрика — вилка, сантехника — стояк с патрубком. Иконка отвечает за действие, состояние и объект интерфейса; два обозначения одного смысла ломают обе системы.

Процесс — семь этапов

Инженерия — четыре слоя

Интерфейс — семнадцать

Так делаем

Ставим иконку рядом со словом, отступ 8 при размере 24
Держим один размер в пределах блока
Берём цвет от текста через currentColor
На 20 px и ниже переходим на штрих 1,25
Новую иконку строим на той же сетке и отдаём в общий набор

Так не делаем

Не ставим иконку вместо знака и не заводим её в локап
Не рисуем предметы направлений — они у линии
Не смешиваем контур и заливку: заливка только у узла
Не даём дугу предмету, который в жизни прямой
Не красим иконку в цвет направления вне карточки этого направления
Не берём иконки из чужих библиотек: там другая сетка и другие торцы

Файлы

Спрайт 60-ikonki-sprite.svg плюс отдельные файлы в icons/.

Имя файла — код набора: p3-proekt.svg, e1-elektrika.svg, u7-galochka.svg. В спрайте каждая иконка — <symbol> с тем же id, цвет через currentColor, размеры не зашиты. Чертёжный слой — выноски, размерные линии, штриховка разреза — строится на этой же сетке и берётся отдельной задачей.

Чертёжный слой

Сайт аннотирует сам себя, как чертёж. Это способ показать то, что находится под отделкой: слои, узлы, размеры. Слой объясняет, а не украшает.

Правило меры

Аннотируем только то, что можем подтвердить числом. Нет числа — нет выноски.

То же правило, что в голосе бренда: не «большой опыт», а «160 объектов за 8 лет». Выноска без величины превращает чертёжный слой в декорацию, а декорация на чертеже читается как имитация компетентности — ровно противоположно тому, ради чего он вводится. Не больше пяти размеров и двух выносок в одном кадре; остальные величины уходят в таблицу рядом.

Три толщины

Иерархия держится на толщине, а не на цвете. Толщины взяты из ряда ISO 128 — того же, по которому живут строительные чертежи; берём три соседние ступени, а не назначаем на глаз. Средняя ступень совпадает со штрихом иконок: аннотация и иконка стоят рядом.

Уровень	Печать	Экран @1×	Непрозрачность	Что несёт
Контур	0,50 мм	2 px	100 %	Границы предмета, слоя, узла
Размер	0,25 мм	1,5 px	100 %	Размерные и выносные линии, полка выноски, штриховка
Сетка	0,18 мм	1 px	45 %	Подложка, оси, вспомогательные построения

Торцы у чертёжного слоя острые — butt и miter, в отличие от иконок с мягкой пластикой: у чертежа линия должна кончаться ровно там, где кончается размер, а скруглённый торец добавляет полрадиуса и врёт на величину штриха.

Размерная линия и выноска

Засечка 45° · 3 мм · выступ выносной 2 мм · зазор от объекта 1 мм · число над линией по центру

Узел-квадрат 6 px, наклонная строго 45°, горизонтальная полка. Текст над полкой, выключка по левому краю. Стрелок в системе нет

Штриховка разреза

Три штриховки на всю систему, и все три взяты из библиотеки паттернов, а не нарисованы заново: «Твёрдое» — это М1 «Шов», «Мягкое» — И3 «Волна», «Бетон» — «Шов» с узлом. Наклон всегда 45° вправо-вверх; внутри одного разреза он не меняется — материалы различаются шагом и мотивом, а не поворотом.

Твёрдое · шаг 14
кладка, стяжка, плита

Бетон · шаг 20 с узлом
монолит, декоративный бетон

Мягкое · период 24
утеплитель, подложка, текстиль

Собранный разрез

Слои сверху вниз: покрытие, подложка, стяжка, плита. Размерная цепочка справа, общий размер второй линией, горизонтальный габарит снизу

Применяется

Сайт: «Рентген», сборка комнаты, размеры прямо в сцене
Карточка направления: выноска к узлу в цвете направления
Презентация и коммерческое предложение: разрезы, выноски к позициям
Фото узла: подпись величины поверх кадра
Табличка на объекте и стенд в шоуруме

Не применяется

Договор, счёт, акт — юридический документ не аннотируется
Внутри логотипа и охранного поля
Поверх фотографии человека
Там, где число не проверено или не подтверждено проектом
Как фон: для фона есть паттерн
Одновременно с паттерном на одной плоскости

Цвет

Чертёжный слой живёт в графите и бумаге и собственного цвета не имеет — как и мастер-бренд.

Цвет направления допустим только там, где аннотация относится к этому направлению. Кирпичный #A8442C — исключительно внутренние документы: им нарисованы построения знака и метрика набора в этом хабе. На сайте, в презентации и КП чертёжный слой только графитовый; если кремлёвский кирпич будет принят как цвет мастер-бренда, правило пересматривается.

Расхождение

Иконка «Замер» закрыта стрелками, чертёжный слой — засечками. Это осознанное расхождение, а не ошибка.

В 24 px засечка под 45° сливается с выносной линией и перестаёт читаться, поэтому в иконке остаётся стрелка. В чертеже, где размер имеет реальный масштаб, работает засечка — как в строительном чертеже. Иконка — знак действия, чертёж — измерение; совпадать они не обязаны.

Носители

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

Три правила, которые решают почти всё

01 · Порог шва

Шов — 3,4 % стороны знака. Ниже 14 мм в печати и 32 px на экране ставится файл без шва — отдельный контур, а не масштабированный основной.

02 · Нижняя граница логотипа

Горизонтальная компоновка живёт от 32 мм и 175 px по ширине. Ниже ставится знак соло: логотип не ужимается до нечитаемого, он заменяется знаком.

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

2 M, где M — одна десятая стороны знака. В файлах выворотки поле входит в границы файла; в прозрачных файлах граница обрезана по чернилам, и поле отмеряет тот, кто ставит логотип.

Реестр

№	Носитель	Что ставим	Файл	Размер и технология

Про технологию

Технология выбирается по изделию, а не по привычке подрядчика.

Трикотаж и головные уборы — вышивка; синтетика и сигнальные ткани — термоперенос; крупная печать по спине — шелкография или DTF. На вышивке по объёмной заготовке шов заплывает раньше расчётного порога, поэтому на кепке он снимается независимо от размера.

Чего не делаем

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

Открыто

Вывеска на фасаде и стела — отдельная проработка после замеров на объекте.

Транспорт описан в резерве: автопарка под брендирование нет, файлы под него не готовятся до появления машин и собираются из существующего набора без новой отрисовки.

Цифра

На экране действуют те же правила, что на бумаге, плюс два своих: порог шва 32 px и круглая маска аватара, под которую есть отдельный файл.

Favicon · до 24 px — круг без шва, от 32 px — круг со швом

Аватар · собственный круглый файл, буква 0,92 со сдвигом к оптическому центру

Аватар

Круглая маска платформы срезает углы квадратной плашки — это допустимо: знак несёт буква Г, а не квадрат.

Но для аватара берётся не квадратный файл под обрезку, а собственный круглый: в нём буква уменьшена до 0,92 и сдвинута к оптическому центру, иначе она упирается в дугу.

Сайт

НАПРАВЛЕНИЯПРОЕКТЫПРОЦЕССШОУРУМ ЗАЯВКА

ПОДВАЛ

GORKIYSTYLE.RU
НИЖНИЙ НОВГОРОД

Шапка — горизонтальная компоновка от 175 px. Подвал — вертикальная левая в выворотке

Цифровые токены

Значения для CSS и дизайн-инструментов. Клик копирует объявление целиком.

Токен	Значение	Роль
--gs-graphite	#2A2F35	Плашка знака, мастер-бренд
--gs-paper	#F1F2EE	Буква, светлый фон, выворотка
--gs-ink-dark	#0B0E10	Фон тёмных секций интерфейса
--gs-font-display	Unbounded 600/700	Заголовки
--gs-font-body	Manrope 400–800	Текст
--gs-font-mono	JetBrains Mono 400–700	Спецификация, числа
--gs-logo-min	175 px	Нижняя граница компоновки с набором
--gs-seam-min	32 px	Порог шва на экране

Доступность

Контраст текста — не ниже 4,5 : 1, крупного текста и элементов управления — не ниже 3 : 1.

Палитра направлений построена под это требование: каждая пара «плашка — буква» проверена. Цель касания на сенсорном экране — не меньше 44 × 44 px. Настройка «уменьшить движение» уважается везде, где движение появится.

Движение

Анимация логотипа в эту версию не входит.

Правила движения — заставка, титры, разделительные экраны — выходят отдельным разделом во второй версии брендбука. До этого момента везде ставится статичная компоновка.

Фотостиль

Компания продаёт не картинку готовой комнаты, а то, что находится под ней. Съёмка обязана показывать именно это — иначе архив повторит портфолио конкурентов, где у всех одинаковые гостиные.

Правило

На один кадр готовой комнаты — минимум два кадра того, что под ней.

Штроба, узел гидроизоляции, стык двух материалов, механизированная отделка в работе. Красивая гостиная есть у всех; кадр «что под отделкой» — только у того, кто это делает сам. Это и есть фотостиль, всё остальное ниже — техника, которая его обслуживает.

Пять жанров

Жанр	Что это	Куда идёт	Частота
Узел	Стык двух материалов, штроба, гидроизоляция, разводка до закрытия. Главный жанр бренда	Сайт, «Рентген», карточки направлений	каждый этап
Процесс	Работа в кадре: механизированная отделка, бригада в фирменной одежде, инструмент в деле	Соцсети, презентация, раздел «Процесс»	еженедельно
Результат	Готовое помещение с той же точки, что и кадр «до»	Портфолио, кейсы, реклама	на сдаче
Люди	Команда на объекте и в шоуруме, руки за работой, портрет у стены	О компании, вакансии, соцсети	раз в квартал
Предмет	Материал, образец, узел мебели, фурнитура на нейтральном фоне	Комплектация, шоурум, сторис	по поводу

Кадр

Характер бренда — технологичный, современный, сдержанный. На фотографии это значит: прямые вертикали, дневной свет, никакой драмы. Камера ставится на 1,25 м, ось параллельна полу: наклон вверх или вниз даёт падающие стены, и это исправляется на съёмке, а не в обработке. Свет — из окна; верхний выключается, потому что смешанная температура даёт зелёные стены и жёлтые потолки, которые не вытягиваются.

Параметр	Общий план	Узел и предмет	Портрет
Фокусное, экв.	24–35 мм	50 мм	50–85 мм
Диафрагма	f/8	f/4–5,6	f/2–2,8
ISO	100–400	до 800	до 1600
Высота камеры	1,25 м	по центру узла	уровень глаз
Штатив	обязателен	обязателен	не нужен
Баланс белого	по серой карте или 5400 K	по серой карте	по серой карте

Шире 20 мм не снимаем. Сверхширокий угол делает комнату больше, чем она есть, — это ровно то враньё, за которое клиент потом предъявляет. Если помещение не влезает, снимаем два кадра или показываем фрагмент.

«До и после» — метод одной точки

Пара работает только тогда, когда оба кадра сняты из одной точки, одним фокусным и с одной высоты. Точка отмечается малярным скотчем на полу, её номер, расстояние от двух стен, высота штатива и фокусное записываются в карточку объекта. Точек три на помещение: главная — по диагонали от входа, две дополнительные — на противоположные углы. Кадр «до» снимается в первый день на объекте, до выноса мусора: второго шанса не будет.

Кадрирование под форматы

Сюжет держится в центральной вертикали 9:16. Всё, что выходит за неё, — воздух, который можно потерять при кропе

Формат	Где	Как получаем
3:2	Исходник, портфолио, печать	снимаем в нём
16:9	Обложки, OG 1200 × 630, видео	кроп сверху и снизу
4:5	Лента соцсетей	кроп по бокам
1:1	Плитка, превью, карточка	кроп по бокам
9:16	Сторис, вертикальное видео	отдельный кадр

Вертикаль снимается отдельным кадром: кроп из горизонтали теряет и потолок, и пол — то есть ровно то, ради чего снимали. На каждой точке делается горизонтальный и вертикальный кадр.

Обработка

Делаем

Выправляем вертикали и горизонт
Ставим баланс белого по серой карте — один на всю серию объекта
Вытягиваем тени и придерживаем окна, чтобы за стеклом читалась улица
Приводим серию к одной яркости: кадры одного объекта смотрят как один материал

Не делаем

HDR с ореолами и локальный контраст выше +15
Тонирование теней в синь, виньетку, зерно «под плёнку»
Замену неба, дорисовку мебели, генеративное расширение кадра
Пересыщенное дерево и оранжевые лица
Ретушь дефектов работы: если стык кривой, кадр не публикуется

Обязательный минимум — 14 кадров на объект

№	Кадр	Что важно
01–03	Три точки «до»	Точки размечены скотчем и записаны в карточку объекта
04	Механизированная отделка	Аппарат в работе, оператор в кадре — технология, которой нет у бригад
05	Инженерия до закрытия	Штроба, разводка, коробки. Обязательно до штукатурки
06	Гидроизоляция	Санузел до плитки: примыкания, углы, заход на стену
07	Стык двух материалов	Плитка и паркет, стена и потолок, теневой шов. Крупно, 50 мм
08	Бригада в работе	Фирменная одежда, реальное действие, без позирования
09–11	Три точки «после»	Те же точки, высота, фокусное и время суток
12–13	Две детали результата	То, что заказчик выбирал сам: фурнитура, свет, фактура
14	Команда на сдаче	Тот, кто вёл объект, у стены объекта

На каждой точке «до» и «после» дополнительно делается вертикальный кадр 9:16 — ещё шесть нажатий и полный комплект сторис на весь объект.

Два уровня съёмки

Съёмка

Фотограф, камера, штатив, серая карта. Ключевые этапы, сдача, шоурум. RAW и JPEG, 3:2, длинная сторона от 4000 px. Идёт в портфолио, на сайт, в рекламу и презентацию.

Полевая фиксация

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

Файлы

Имя файла — 2026-10-14_dom-anosino_03-uzel_007.jpg: дата, объект, этап, номер.

Коды этапов: 01-do · 02-process · 03-uzel · 04-posle · 05-komanda · 06-showroom. Отбор делается сразу после съёмки: неотобранный кадр не хранится. Карточка объекта — одна на объект, с точками съёмки и их параметрами; без неё кадр «после» не повторить.

Права

Согласие заказчика на съёмку и публикацию — пункт договора, а не устная договорённость на объекте.

Частные дома — приоритетный сегмент и ровно те объекты, владельцы которых чаще всего не хотят видеть их в интернете. Права фотографа на снимки передаются компании письменно, иначе архив принадлежит не ей. Согласие сотрудника на использование изображения берётся один раз при выходе на работу.

Маркировка

Визуализация помечается как визуализация, фотография — как фотография. Смешивать нельзя ни в портфолио, ни в рекламе.

На фото портфолио ставится водяной знак — знак соло в выворотке, 40 % непрозрачности, позиция I6 реестра носителей. Сгенерированное изображение маркируется так же, как 3D-визуализация.

Проверка

Мог бы этот кадр снять любой ремонтник города?

Если да — это отраслевой шум. Отличие всегда в конкретике: узел, технология, число. Та же проверка, что и для текста.

Голос

Тон вытекает из характера напрямую: технологичный, современный, сдержанный, посередине между строгим и тёплым. На письме это значит — объяснять, а не убеждать.

Число вместо прилагательного

Не «большой опыт», а «160 объектов за 8 лет». Не «крупные объекты», а «самый крупный — 800 м²». Прилагательное можно оспорить, число — проверить.

Технология объясняет цену

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

Одно обещание за раз

В одном сообщении — одна мысль. Список из семи преимуществ не читается и не запоминается; он читается как оправдание.

Мы отвечаем, а не «осуществляем»

Действие называется своим глаголом: «мы делаем проект», а не «нами осуществляется проектирование». Отглагольные существительные — первый признак того, что за фразой никто не стоит.

Словарь

Говорим	Не говорим	Почему
группа компаний	холдинг, альянс, объединение	«Холдинг» подразумевает владение долями, «альянс» читается как партнёрство независимых игроков
объект целиком	комплексный подход	Клиент думает объектами, а не подходами
одна работа, направление	моноработы, узкий сегмент	Внутренние термины наружу не выходят
уровень работ	эконом, бизнес, премиум	Заказчик выбирает уровень работ, а не свою весовую категорию
Горький Стиль	GORKIY, студия-дизайна GORKIY	Устаревшие варианты выведены из обращения
дизайн-проект	дизайн-проект «под ключ»	«Под ключ» относится к ремонту, не к проекту
заказчик, клиент	партнёр (о заказчике)	Партнёр — тот, с кем делят риск. Подмена слов обесценивает оба

Обязательно к упоминанию

Что именно входит в этап и чем он заканчивается.
Кто ведёт объект и как с ним связаться.
Визуализация помечена как визуализация, фотография объекта — как фотография.
Уровень работ рядом с ценой.
Город и юридическое лицо — в подвале и в документах.

Шаблоны

Первый экран сайта

Комната собирается слоями

Черновая, инженерия, отделка, комплектация. Мы делаем каждый слой — целиком под ключ или по одному, если нужен только он.

Подпись в письме

{Имя Фамилия}
{должность} · Горький Стиль
+7 000 000-00-00 · gorkiystyle.ru
Нижний Новгород

Пост о процессе

Объект {адрес или площадь}, {этап}. {Что делали и почему именно так — одно предложение с технологией}. {Число: метры, дни, точки, слои}. Следующий этап — {что}.

Проверка

Её мог бы написать конкурент?

Если да — это не наш текст, а отраслевой шум. Отличие всегда в конкретике: технология, число, имя этапа.

Генеративный контент

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

Можно поручить

Черновик текста по готовому фактическому материалу
Варианты заголовков и подписей под правку редактора
Расшифровку и структурирование записей с объекта
Абстрактные фоны, текстуры, паттерны без узнаваемых объектов
Ретушь и подготовку собственных фотографий

Нельзя поручить

Рисовать или «дорабатывать» знак и логотип — они строятся по числам
Генерировать интерьеры и выдавать их за наши объекты
Придумывать цифры, сроки, гарантии и отзывы
Публиковать текст без вычитки человеком
Отвечать клиенту от имени компании без проверки

Маркировка

Сгенерированное изображение помечается так же, как визуализация: подписью в кадре или в подписи к посту.

Это то же правило, что и для 3D-визуализаций проекта. Фотография объекта помечается как фотография. Смешивать нельзя ни в портфолио, ни в рекламе.

Стилевой запрос

Базовое описание бренда для генерации фонов и вспомогательной графики. Копируется и вставляется как есть.

Графитовая монохромная сцена, #2A2F35 и #F1F2EE, инженерная геометрия без скруглений, прямые углы, диагональ 45°, матовые поверхности, рассеянный дневной свет, без градиентов, без бликов, без текста, без логотипов, без людей

Файлы

Номерная номенклатура: первая цифра — контейнер или компоновка, вторая — версия. Набор переведён в кривые, шрифт для открытия файлов не нужен. Пятьдесят одна позиция, семьдесят девять файлов — набор собран целиком.

Номера	Что	Версии
01–05	Знак · квадрат	основная, выворотка, одноцветная, без шва, без шва одноцветная
10–14	Знак · круг	те же пять
15–19	Знак · скруглённый квадрат	те же пять
20–22	Буква без плашки	графит, бумага, без шва
30 · 31 · 32	Горизонтальная компоновка	основная, выворотка, одноцветная
33 · 34	Вертикальная левая	основная, выворотка
35 · 36	Вертикальная центральная	основная, выворотка
40 · 41 · 42	Латиница	горизонтальная, вертикальная левая, предельный случай
50	Паттерн мастер-бренда	«Стык» · плитка SVG, цвет через currentColor
51 · 52	Паттерны направлений	«Группа» — Свет, «Капля точкой» — Источник
60 · icons/	Иконки	спрайт из двадцати восьми и отдельные файлы
70 · 71 · 72	Штриховки разреза	твёрдое, бетон, мягкое — SVG-паттерны
subbrands/	Локапы направлений	четырнадцать, в цвете направления

Прозрачные файлы

Граница обрезана по чернилам. Охранное поле отмеряет тот, кто ставит логотип.

Файлы выворотки

Охранное поле 2 M уже входит в границы файла — добавлять его повторно не нужно.

Как устроено

Одноцветные версии знака собраны через fill-rule="evenodd" — шов остаётся дыркой при любой заливке, а не белой закраской поверх.

Значит, файл можно залить одним цветом на плёнке, вышивке или гравировке, и шов не потеряется. Паттерны, штриховки и иконки используют currentColor: цвет задаётся снаружи через CSS, отдельных цветных копий не заводится. Иконки лежат двумя способами — спрайт 60-ikonki-sprite.svg для вёрстки, где нужен <use href="#p1">, и отдельные файлы в icons/ с именами вида p1-zayavka.svg для макетов и презентаций.

Локапы

Все четырнадцать локапов направлений собраны по одной метрике, а не нарисованы поштучно.

Слово набрано JetBrains Mono 600 в размере 62 при S = 100 с трекингом 0,32 em и переведено в кривые. Плашка — в цвете направления, буква — графит или бумага по правилу светлоты 0,22. Если появится новое направление, файл собирается тем же способом: меняется только слово и цвет плашки.

Что отдавать подрядчику

Печать

SVG или PDF в кривых, цвета в CMYK по печатной пробе. Растр не отдаётся никогда.

Вышивка и гравировка

Одноцветная версия. Ниже 14 мм — файл без шва. К заказу прикладывается образец на пробу до тиража.

Экран

SVG. PNG только там, где SVG не поддерживается: retina ×2, прозрачный фон.

Знак — это буква Г. Плашка меняется под носитель, буква не меняется никогда.

Документ: Бренд-хаб 2.6
Знак: «Рез»
Гарнитуры: Unbounded · Manrope · JetBrains Mono
Лицензия шрифтов: SIL OFL
Город: Нижний Новгород
Сайт: gorkiystyle.ru