Пять серий. v5-zhivoy — новая, по манифесту ваш (лёгкий, недавящий, живой; шрифт c2-canon за основу): 4 варианта №33–36 из всех заметок ревью 10.07. v4-canon — фирменные цвета (жёлтый #FFD600 + тёмно-синий #1A2026, ваше решение 09.07). Серии v1–v3 — история поиска (фаворит ревью — №21 f-sparks). Клик по превью — полный скриншот; «Живая страница» — настоящий HTML.
Варианты из всех заметок ревью (манифест №28 + резюме №49): шрифтовая основа c2-canon (ваше решение), жёлтый #FFD600 + #1A2026, в hero — лазерный станок в работе, фасад завода — в блоке «Собственное производство» (правка ваш 10.07), контрастная WhatsApp-полоса, футер d-canon, анимации CSS-only и каждая — со смыслом. Ссылки услуг/продукции — канон-слаги STRUKTURA-V3.
Изюминка: фаворит f-sparks, доведённый по манифесту — больше воздуха, мелкая диагональ фона, искра теперь канон-жёлтая; маркер-плашка на слове, жёлтые подчёркивания цифр, точки-ореолы, искра провожает по этапам заказа, финальная линия завершённости.
Изюминка: МЕЛКАЯ клеточка-миллиметровка (правка №42); при загрузке лазер «обводит» кадр реза по контуру + фланец прорисовывается (CSS-only, без JS); спецификация-строки с точечными заполнителями, уголок-деталь с размерами, колонтитулы «Лист 02/09», движущийся пунктир реза внизу.
Изюминка: hero — лазерный рез в «шлифованной пластине» с подписями-квадратиками и полосочками (приём industrial-precision №42); карточки — металлические пластины со стальной фаской; искры по разделителям секций; прямоугольные тэг-блоки вместо надзаголовков; точки-ореолы, фасад завода в «Производстве».
Изюминка: узлы-квадратики 01–08 нумеруют секции по левой силовой линии (сквозная вертикаль и бегущая вниз искра убраны — правка ваш: торопили читателя); горизонтальная искра между этапами заказа и финальная полоса завершённости; асимметричная сетка станков (труборез-герой на 2 колонки, №8); фасад завода крупно во 2-м блоке; hero без фото — цифры-факты.
Гибрид №34+№35 (задание ваш, голосовые №53–54): искра-точка САМА прорисовывает фланец — движется по контуру синхронно с линией (offset-path + stroke-dashoffset, один таймлайн); 3 детали в разных секциях в разных фазах (фланец в hero, закладная в услугах, уголок в «Почему»); миллиметровка; синий тильды #0B1D24 только в тёмных блоках; слова — плашкой целиком; спокойный темп — анимация не торопит.
Вторая интерпретация гибрида №34+№35: тёмно-синий hero как на тильде ваш — фланец прорисовывается искрой прямо на синем «ватмане»; чередование синих и светлых секций; ведущий мотив — искры (бегающие полоски между секциями, hover-искры кнопок, точки-ореолы); те же 3 прорисовки в разных фазах; миллиметровка; слова — плашкой целиком.
Финальный кандидат (ревью №50–54), база №37: мелкая миллиметровка («чертёжники, профессионалы»), синий тильды #0B1D24 только в блоках производство/футер; «металла» — плашкой целиком, «свой завод» с полосочкой сверху; искра прорисовывает 3 детали по странице + горизонтальные полоски; hero — станок, фасад — в производстве. Без параллаксных PNG-искр (слой доедет отдельно, вы выбирает И-номера).
Финальный кандидат (ревью №50–54), база №39: те же решения, но смелее — тёмно-синий hero как на тильде ваш, фланец рисуется искрой прямо на синем «ватмане», чередование синих и светлых секций; ведущий мотив — искры (полоски, hover-искры, ореолы). Без параллаксных PNG-искр (слой доедет отдельно, вы выбирает И-номера).
Кандидаты PNG-искр на прозрачном фоне для лёгкого параллакса на боковых полях (задача ваш 10.07): 9 вариантов — 5 вырезаны из собственных съёмок цеха, 4 — Pixabay (Pixabay Content License). Каждая искра показана на светлом и тёмном фоне (искры должны жить на светлых полях). Вы называет номера подходящих — внедрение отдельным шагом.
9 искр на прозрачном фоне, каждая на двух фонах (светлое #F7F6F2 / тёмное #1A2026).
Собственные фото СтальПро + Pixabay; источники и лицензии — в
research/2026-07-10 iskry-kandidaty/manifest.json. Назови номера подходящих.
10 вариантов: каждая пара v1+v2 приведена к канону и наполнена: завод с крупным фото, 6 станков с цифрами (силовой 3000 Вт до 20 мм, «единственный в Алматы труборез до 12 м», листогиб 63 т), сетка изделий, контакты +7 702 151 8675 / zakaz@stalpro.kz.
Чертёжная сетка и mono-аннотации в каноне; тёмный блок завода с фото цеха.
Версия с панелями-подложками (правка ваш) — новые блоки тоже на панелях.
Тёмный премиум на #1A2026: станки поданы как «экспонаты» с жёлтыми цифрами.
Индустриальный Golos, асимметрия, крупные цифры-факты — в каноне.
Штамповка-типографика; жёлтый маркер вместо красного, бруталистская решётка станков.
Тихая версия по правке ваш — в каноне, цифры сдержаннее.
Серифы и мазки сохранены, тёплая «дачность» заглушена холодным каноном.
Светлый минимал; дозированный жёлтый, труборез в жёлтой рамке-УТП.
Журнальная мозаика фото; жёлтый вместо стального синего, завод на общем плане цеха.
Строгая мозаика, характерные заголовки; сетка изделий как родной материал мозаики.
Первый заход: максимально разные художественные системы, чтобы нащупать вектор.
Светлая инженерная эстетика: чертёжная сетка, mono-аннотации как на чертеже (РЕЖ./ДОПУСК/СЕР.), холодная сталь + один огненный акцент. Для B2B-снабженца выглядит «свои люди, по делу».
Глубокий тёмный премиум: фото искр светятся, золото латуни дозировано, работы поданы как экспонаты в паспарту. Дорого и атмосферно; тёмная тема — смелый ход для лидгена.
Типографика-штамповка: огромные заголовки верхним регистром, жёсткие рамки без скруглений, монохром + сигнальный огонь, нумерация секций как маркировка деталей. Самый запоминающийся.
Тёплая честная мастерская: серифные заголовки, подчёркивания-мазки, патина меди, рукописные подписи к фото. Человечный тон — ближе частнику с мангалом, чем снабженцу завода.
Фото — главный герой: hero почти во весь экран, журнальная мозаика работ с несимметричными блоками, один шрифт с экстремальным контрастом весов, стальной синий акцент.
Каждый вариант v1 переработан по конкретной критике; оригиналы законсервированы. Во всех v2: настоящий логотип, акценты согласованы с фирменным красным #E50100.
Правка: текстовым блокам добавлены белые панели-подложки — больше не «висят» на сетке; фотокарточка и чертёжная сетка сохранены (понравились). Акцент чуть сближен с бренд-красным.
Правка: Playfair заменён на индустриальный Golos 900 (курсивное золото убрано); палитра пересобрана — сталь-серебро + красный только на CTA; добавлены асимметрия и крупные цифры-факты против «скучновато». Премиальность сохранена.
Правка: убран «газетный крик»: H1 меньше и чёрный (красное — одно слово), красная полоса заменена спокойной секцией, номера секций стали тихой деталью, воздуха больше. Шрифты и палитра сохранены (понравились).
Правка: «сад-огород» ликвидирован: без патины и крафта — холодный светлый фон, графит, дозированный фирменный красный, строгие Onest/Golos. Спокойный ритм и скругления фото сохранены.
Правка (диагноз на «что-то не то»): корпоративный синий конфликтовал с красным логотипа — заменён на #E50100; заголовкам дан характер (Unbounded + mono-метки); мозаика выровнена в строгую сетку без дыр; hero-контраст усилен.
Рождены из образов производства: металл как материал, искры лазера, чертёж/ЧПУ, раскрой листа, RAL-веер покраски. 4 светлых + 1 тёмный.
Бриф ваш дословно: светлая шлифованная сталь (едва заметная браш-фактура), жёлто-оранжевые искры лазера — частицы у CTA, бегущая точка «линии реза» между секциями, тёплое свечение на hover. Unbounded + Golos.
Мир рабочего чертежа: SVG-контуры наших реальных изделий (жетон, табличка, кронштейн) как DXF-траектории с размерными линиями (Ø5, R12), крестики точек начала реза, прорисовка контура при загрузке. Графит + жёлтый маркер-след лазера.
Язык порошковой покраски: RAL-чипы (образец+код+имя) размечают услуги, секции и шаги; футер-веер из 10 образцов. UI-акцент один — RAL 1023 жёлтый на CTA. Строгая сетка, фото с подписями-«шильдиками».
Эстетика раскроя листа: hero со схемой-раскладкой деталей (nesting, фото готовой резки в одной из ячеек), срезанные clip-path-углы у панелей и карточек, перфорационные паттерны на краях. Огненно-оранжевые точки реза.
Точная реализация фирменного style-guide (апрель-2026): фон #1A2026, карточки #222222, акцент жёлтый #FFD600, Unbounded Bold + Montserrat, «цифры крупнее слов», радиусы ≤4px. Живой ответ на вопрос «жёлтый или красный».
Один HTML-шаблон страницы услуги (design/templates/uslugi-template.html),
тема подключается одной строкой — файлом токенов (tokens.css / tokens-alt.css).
Разметка и контент общие; ниже — действующая тема канона и демонстрация смены темы без правки разметки.
Пилотная страница услуги на новом токенизированном шаблоне, тема — действующий канон (жёлтый #FFD600 + тёмно-синий #1A2026). Один HTML, разница — 1 строка (файл токенов).
Тот же HTML-шаблон, подключён альтернативный файл токенов (tokens-alt.css) — вся разница на странице только в этой одной строке <link>. Один HTML, разница — 1 строка (файл токенов).
Визуальные древовидные структуры будущих сайтов из данных семантики (10.07.2026):
«Главная → силосы → страницы → блоки-листья». Спрос/гео/вердикты — из БД/CSV; приоритеты и
вопросы — из карт семантики. Генератор: tools/derevo/build_tree.py
(пересборка одной командой; расширяемо на 3-й проект).
33 страницы-URL + 530 блоков по 7 силосам металлообработки. Гео-очередь М1, статусы страница/блок/отсев/gated, вопросы №34 (слаг), №35 (мультигород), №14/15/36а.
172 страницы-кандидата + 9 услуг + 15 блог-тем по хабам фотообои/фрески/3D/панно/карты/ наклейки. Приоритет ГНЗ P1–P3; ветки, зависящие от ассортимента (№19), помечены оранжевым.
Деревья-МАКСИМУМ (всё, что встречается у доноров ниши) с чекбоксами: галочка =
оставить страницу, снял = отсёк (с каскадом на детей и точечным возвратом). Прогресс сохраняется
в браузере, можно резать с телефона в несколько подходов. Закончил — «Скопировать результат» и
прислать текст. Генератор: tools/derevo/build_tree.py otsechenie.
Дерево-максимум: 259 узлов из 196 доноров ниши (8 слоёв: системные/услуги/продукция/ портфолио/блог/отрасли/гео/справочники). Жёлтым — узлы, подтверждённые нашим спросом.
Дерево-максимум v2: 252 узла (11 слоёв: печать/макетка/продукт/материал/отрасли/ портфолио/блог/гео/справочники/системные/смежное); базы встречаемости раздельны — 29 доноров keys.so и 146 доменов краул-корпуса. Оранжевым — вне станков ПВ и пересечения.
Дерево-максимум v2: 224 узла из 75 доноров (11 слоёв: + системный стандарт). Жёлтым — подтверждённые спросом; фасеты и стандарт-страницы помечены; ⚠№19 — ветки, зависящие от ассортимента. Веса растущих — по 18-мес динамике.