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

Четыре серии. v4-canon — действующая: фирменные цвета (жёлтый #FFD600 + тёмно-синий #1A2026, решение владельца 09.07), тема «Лазерная резка металла в Алматы», блоки «Собственное производство» и «Наше оборудование», реальные контакты. Серии v1–v3 — история поиска (v1/v2 на страницe гравировки). Клик по превью — полный скриншот; «Живая страница» — настоящий HTML.

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

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

A-canon — Industrial Precision

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

Живая страницаОригинал v1

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

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

Живая страницаОригинал v2

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

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

Живая страницаОригинал v1

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

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

Живая страницаОригинал v2

C-canon — Steel Brutalist

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

Живая страницаОригинал v1

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

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

Живая страницаОригинал v2

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

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

Живая страницаОригинал v1

D2-canon — Industrial Minimal

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

Живая страницаОригинал v2

E-canon — Photo-First Grid

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

Живая страницаОригинал v1

E2-canon — Unbounded + mono

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

Живая страницаОригинал v2

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

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

A — Industrial Precision

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

A desktop A mobile
Живая страница

B — Dark Steel Luxury

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

B desktop B mobile
Живая страница

C — Steel Brutalist

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

C desktop C mobile
Живая страница

D — Workshop Warm

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

D desktop D mobile
Живая страница

E — Photo-First Swiss Grid

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

E desktop E mobile
Живая страница

Серия v2 — переработки по правкам владельца

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

A2 — Industrial Precision

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

Живая страницаОригинал v1

B2 — Dark Steel Luxury

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

Живая страницаОригинал v1

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

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

Живая страницаОригинал v1

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

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

Живая страницаОригинал v1

E2 — Photo-First Grid

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

Живая страницаОригинал v1

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

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

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

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

Живая страница

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

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

Живая страница

H — RAL Palette светлый

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

Живая страница

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

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

Живая страница

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

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

Живая страница