СтальПро — все варианты дизайна

Пять серий. v5-zhivoy — новая, по манифесту ваш (лёгкий, недавящий, живой; шрифт c2-canon за основу): 4 варианта №33–36 из всех заметок ревью 10.07. v4-canon — фирменные цвета (жёлтый #FFD600 + тёмно-синий #1A2026, ваше решение 09.07). Серии v1–v3 — история поиска (фаворит ревью — №21 f-sparks). Клик по превью — полный скриншот; «Живая страница» — настоящий HTML.

Серия v5-zhivoy — по манифесту ваш: светлые, разреженные, ЖИВЫЕ ★ NEW

Варианты из всех заметок ревью (манифест №28 + резюме №49): шрифтовая основа c2-canon (ваше решение), жёлтый #FFD600 + #1A2026, в hero — лазерный станок в работе, фасад завода — в блоке «Собственное производство» (правка ваш 10.07), контрастная WhatsApp-полоса, футер d-canon, анимации CSS-only и каждая — со смыслом. Ссылки услуг/продукции — канон-слаги STRUKTURA-V3.

33V5-A — Sparks Air (эволюция фаворита)

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

34V5-B — Чертёжная душа (blueprint на светлом)

Изюминка: МЕЛКАЯ клеточка-миллиметровка (правка №42); при загрузке лазер «обводит» кадр реза по контуру + фланец прорисовывается (CSS-only, без JS); спецификация-строки с точечными заполнителями, уголок-деталь с размерами, колонтитулы «Лист 02/09», движущийся пунктир реза внизу.

35V5-C — Искры и сталь (фото-hero в рамке)

Изюминка: hero — лазерный рез в «шлифованной пластине» с подписями-квадратиками и полосочками (приём industrial-precision №42); карточки — металлические пластины со стальной фаской; искры по разделителям секций; прямоугольные тэг-блоки вместо надзаголовков; точки-ореолы, фасад завода в «Производстве».

36V5-D — Линия реза (авторская комбинация)

Изюминка: узлы-квадратики 01–08 нумеруют секции по левой силовой линии (сквозная вертикаль и бегущая вниз искра убраны — правка ваш: торопили читателя); горизонтальная искра между этапами заказа и финальная полоса завершённости; асимметричная сетка станков (труборез-герой на 2 колонки, №8); фасад завода крупно во 2-м блоке; hero без фото — цифры-факты.

37V5-E — Гибрид-1: чертёжная искра (сдержанный)

Гибрид №34+№35 (задание ваш, голосовые №53–54): искра-точка САМА прорисовывает фланец — движется по контуру синхронно с линией (offset-path + stroke-dashoffset, один таймлайн); 3 детали в разных секциях в разных фазах (фланец в hero, закладная в услугах, уголок в «Почему»); миллиметровка; синий тильды #0B1D24 только в тёмных блоках; слова — плашкой целиком; спокойный темп — анимация не торопит.

39V5-F — Гибрид-2: синий ватман (смелый)

Вторая интерпретация гибрида №34+№35: тёмно-синий hero как на тильде ваш — фланец прорисовывается искрой прямо на синем «ватмане»; чередование синих и светлых секций; ведущий мотив — искры (бегающие полоски между секциями, hover-искры кнопок, точки-ореолы); те же 3 прорисовки в разных фазах; миллиметровка; слова — плашкой целиком.

40V5-G — ФИНАЛ-1: светлый чертёж ★

Финальный кандидат (ревью №50–54), база №37: мелкая миллиметровка («чертёжники, профессионалы»), синий тильды #0B1D24 только в блоках производство/футер; «металла» — плашкой целиком, «свой завод» с полосочкой сверху; искра прорисовывает 3 детали по странице + горизонтальные полоски; hero — станок, фасад — в производстве. Без параллаксных PNG-искр (слой доедет отдельно, вы выбирает И-номера).

41V5-H — ФИНАЛ-2: синий ватман ★

Финальный кандидат (ревью №50–54), база №39: те же решения, но смелее — тёмно-синий hero как на тильде ваш, фланец рисуется искрой прямо на синем «ватмане», чередование синих и светлых секций; ведущий мотив — искры (полоски, hover-искры, ореолы). Без параллаксных PNG-искр (слой доедет отдельно, вы выбирает И-номера).

Искры для параллакса — выбор ассетов ★ NEW

Кандидаты PNG-искр на прозрачном фоне для лёгкого параллакса на боковых полях (задача ваш 10.07): 9 вариантов — 5 вырезаны из собственных съёмок цеха, 4 — Pixabay (Pixabay Content License). Каждая искра показана на светлом и тёмном фоне (искры должны жить на светлых полях). Вы называет номера подходящих — внедрение отдельным шагом.

38Выбор искр (И-1…И-9)

9 искр на прозрачном фоне, каждая на двух фонах (светлое #F7F6F2 / тёмное #1A2026). Собственные фото СтальПро + Pixabay; источники и лицензии — в research/2026-07-10 iskry-kandidaty/manifest.json. Назови номера подходящих.

Серия v4-canon — фирменные цвета + «Лазерная резка металла в Алматы» ★

10 вариантов: каждая пара v1+v2 приведена к канону и наполнена: завод с крупным фото, 6 станков с цифрами (силовой 3000 Вт до 20 мм, «единственный в Алматы труборез до 12 м», листогиб 63 т), сетка изделий, контакты +7 702 151 8675 / zakaz@stalpro.kz.

01A-canon — Industrial Precision

Чертёжная сетка и mono-аннотации в каноне; тёмный блок завода с фото цеха.

02A2-canon — с панелями-подложками

Версия с панелями-подложками (правка ваш) — новые блоки тоже на панелях.

03B-canon — Dark Luxury тёмный

Тёмный премиум на #1A2026: станки поданы как «экспонаты» с жёлтыми цифрами.

04B2-canon — Golos 900 тёмный

Индустриальный Golos, асимметрия, крупные цифры-факты — в каноне.

05C-canon — Steel Brutalist

Штамповка-типографика; жёлтый маркер вместо красного, бруталистская решётка станков.

06C2-canon — усмирённый брутализм

Тихая версия по правке ваш — в каноне, цифры сдержаннее.

07D-canon — бывший Workshop Warm

Серифы и мазки сохранены, тёплая «дачность» заглушена холодным каноном.

08D2-canon — Industrial Minimal

Светлый минимал; дозированный жёлтый, труборез в жёлтой рамке-УТП.

09E-canon — Photo-First Grid

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

10E2-canon — Unbounded + mono

Строгая мозаика, характерные заголовки; сетка изделий как родной материал мозаики.

Серия v1 — пять контрастных направлений

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

11A — Industrial Precision

Светлая инженерная эстетика: чертёжная сетка, mono-аннотации как на чертеже (РЕЖ./ДОПУСК/СЕР.), холодная сталь + один огненный акцент. Для B2B-снабженца выглядит «свои люди, по делу».

A desktop A mobile

12B — Dark Steel Luxury

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

B desktop B mobile

13C — Steel Brutalist

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

C desktop C mobile

14D — Workshop Warm

Тёплая честная мастерская: серифные заголовки, подчёркивания-мазки, патина меди, рукописные подписи к фото. Человечный тон — ближе частнику с мангалом, чем снабженцу завода.

D desktop D mobile

15E — Photo-First Swiss Grid

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

E desktop E mobile

Серия v2 — переработки по правкам ваш

Каждый вариант v1 переработан по конкретной критике; оригиналы законсервированы. Во всех v2: настоящий логотип, акценты согласованы с фирменным красным #E50100.

16A2 — Industrial Precision

Правка: текстовым блокам добавлены белые панели-подложки — больше не «висят» на сетке; фотокарточка и чертёжная сетка сохранены (понравились). Акцент чуть сближен с бренд-красным.

17B2 — Dark Steel Luxury

Правка: Playfair заменён на индустриальный Golos 900 (курсивное золото убрано); палитра пересобрана — сталь-серебро + красный только на CTA; добавлены асимметрия и крупные цифры-факты против «скучновато». Премиальность сохранена.

18C2 — Steel Brutalist (усмирённый)

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

19D2 — Industrial Minimal (перерождение)

Правка: «сад-огород» ликвидирован: без патины и крафта — холодный светлый фон, графит, дозированный фирменный красный, строгие Onest/Golos. Спокойный ритм и скругления фото сохранены.

20E2 — Photo-First Grid

Правка (диагноз на «что-то не то»): корпоративный синий конфликтовал с красным логотипа — заменён на #E50100; заголовкам дан характер (Unbounded + mono-метки); мозаика выровнена в строгую сетку без дыр; hero-контраст усилен.

Серия v3 — тематичные, из ассоциаций ниши

Рождены из образов производства: металл как материал, искры лазера, чертёж/ЧПУ, раскрой листа, RAL-веер покраски. 4 светлых + 1 тёмный.

21F — Sparks on Steel светлый

Бриф ваш дословно: светлая шлифованная сталь (едва заметная браш-фактура), жёлто-оранжевые искры лазера — частицы у CTA, бегущая точка «линии реза» между секциями, тёплое свечение на hover. Unbounded + Golos.

22G — Blueprint / CAD светлый

Мир рабочего чертежа: SVG-контуры наших реальных изделий (жетон, табличка, кронштейн) как DXF-траектории с размерными линиями (Ø5, R12), крестики точек начала реза, прорисовка контура при загрузке. Графит + жёлтый маркер-след лазера.

23H — RAL Palette светлый

Язык порошковой покраски: RAL-чипы (образец+код+имя) размечают услуги, секции и шаги; футер-веер из 10 образцов. UI-акцент один — RAL 1023 жёлтый на CTA. Строгая сетка, фото с подписями-«шильдиками».

24I — Nesting / Perforation светлый

Эстетика раскроя листа: hero со схемой-раскладкой деталей (nesting, фото готовой резки в одной из ячеек), срезанные clip-path-углы у панелей и карточек, перфорационные паттерны на краях. Огненно-оранжевые точки реза.

25J — Style-Guide Canon ТЁМНЫЙ (единственный)

Точная реализация фирменного style-guide (апрель-2026): фон #1A2026, карточки #222222, акцент жёлтый #FFD600, Unbounded Bold + Montserrat, «цифры крупнее слов», радиусы ≤4px. Живой ответ на вопрос «жёлтый или красный».

Пилот шаблона услуги (на токенах) ★

Один HTML-шаблон страницы услуги (design/templates/uslugi-template.html), тема подключается одной строкой — файлом токенов (tokens.css / tokens-alt.css). Разметка и контент общие; ниже — действующая тема канона и демонстрация смены темы без правки разметки.

26Тема v4-canon

Пилотная страница услуги на новом токенизированном шаблоне, тема — действующий канон (жёлтый #FFD600 + тёмно-синий #1A2026). Один HTML, разница — 1 строка (файл токенов).

27Демо смены темы

Тот же HTML-шаблон, подключён альтернативный файл токенов (tokens-alt.css) — вся разница на странице только в этой одной строке <link>. Один HTML, разница — 1 строка (файл токенов).

Структура сайтов (деревья семантики) ★

Визуальные древовидные структуры будущих сайтов из данных семантики (10.07.2026): «Главная → силосы → страницы → блоки-листья». Спрос/гео/вердикты — из БД/CSV; приоритеты и вопросы — из карт семантики. Генератор: tools/derevo/build_tree.py (пересборка одной командой; расширяемо на 3-й проект).

28СтальПро — структура (stalpro.kz)

33 страницы-URL + 530 блоков по 7 силосам металлообработки. Гео-очередь М1, статусы страница/блок/отсев/gated, вопросы №34 (слаг), №35 (мультигород), №14/15/36а.

29АртОбои — структура (artoboi.kz)

172 страницы-кандидата + 9 услуг + 15 блог-тем по хабам фотообои/фрески/3D/панно/карты/ наклейки. Приоритет ГНЗ P1–P3; ветки, зависящие от ассортимента (№19), помечены оранжевым.

Отсечение — выбор страниц вами (чекбоксы) ★

Деревья-МАКСИМУМ (всё, что встречается у доноров ниши) с чекбоксами: галочка = оставить страницу, снял = отсёк (с каскадом на детей и точечным возвратом). Прогресс сохраняется в браузере, можно резать с телефона в несколько подходов. Закончил — «Скопировать результат» и прислать текст. Генератор: tools/derevo/build_tree.py otsechenie.

30Отсечение СтальПро (чекбоксы)

Дерево-максимум: 259 узлов из 196 доноров ниши (8 слоёв: системные/услуги/продукция/ портфолио/блог/отрасли/гео/справочники). Жёлтым — узлы, подтверждённые нашим спросом.

31Отсечение Принт Вижн (чекбоксы)

Дерево-максимум v2: 252 узла (11 слоёв: печать/макетка/продукт/материал/отрасли/ портфолио/блог/гео/справочники/системные/смежное); базы встречаемости раздельны — 29 доноров keys.so и 146 доменов краул-корпуса. Оранжевым — вне станков ПВ и пересечения.

32Отсечение АртОбои (чекбоксы)

Дерево-максимум v2: 224 узла из 75 доноров (11 слоёв: + системный стандарт). Жёлтым — подтверждённые спросом; фасеты и стандарт-страницы помечены; ⚠№19 — ветки, зависящие от ассортимента. Веса растущих — по 18-мес динамике.