Profdepo
Дизайн-система — v0.1ИТ-консалтинг для промышленности
01 / Основа

Язык инженерной
точности, а не
маркетинга

Наш посетитель — технический директор, главный инженер, ИТ-директор завода. Он не верит обещаниям и проверяет цифры. Поэтому система строится на плотной сетке, монотипных подписях как в технической документации и на данных вместо прилагательных.

02 / Цвет
Светлая база #ecefe9 с холодным подтоном, тёплая тёмная типографика. Акцент разделён: заливка сохраняет фирменный оранжевый, для текста — затемнённый вариант.
Фон / base
--bg
oklch(.948 .009 128.6)
Секция
--bg2
oklch(.925 .011 128.6)
Карточка
--surf
oklch(.972 .006 128.6)
Наведение
--surf2
oklch(.995 .003 128.6)
Акцент / заливка
--acc
oklch(.685 .175 45)
Акцент / текст
--acc-ink
oklch(.533 .16 42)
Линия
--line
oklch(.8 .012 128.6)
Инверсный блок
--ink-block
oklch(.245 .014 88)
Текст: основной · вторичный · подписьАкцент — не больше 5% площади экранаКонтраст текста — не ниже AA (4.5:1)
03 / Типографика
IBM Plex Sans — полный кириллический набор, спроектирован для технических интерфейсов. IBM Plex Mono — подписи, номера, данные.
Display
64 / 0.98
600
Автоматизируем то, что тормозит цех
H1
44 / 1.05
600
Один процесс за 4–6 недель
H2
30 / 1.15
600
Аудит и дорожная карта цифровизации
H3
21 / 1.3
600
Данные из МES доходят до отчёта за минуты
Lead
19 / 1.6
400
Мы встраиваемся в вашу команду, разбираем процесс вместе с инженерами и оставляем систему, которой вы управляете сами.
Body
16 / 1.65
400
Начинаем с одного узкого процесса, где потери считаются в часах и рублях. Через 4–6 недель у вас работающее решение в вашем контуре, а не презентация с планом на год. Дальше расширяем по тому же принципу — от проверенного результата к следующему участку.
Mono label
12 / 0.1em
UPPER
Отрасль · Металлообработка  /  Срок · 5 недель  /  2025
Numeric
56 / mono
500
−38 % цикла
04 / Элементы
Главное действие на всём сайте одно: «Обсудить задачу». Остальные кнопки — вторичные.
Кнопки
Теги стека и отрасли
PythonPostgreSQLApache Superset1С:УППOPC UAOn-premise
Ссылка-стрелкаОткрыть кейс
Поля брифа
Изображения — плейсхолдеры
скриншот дашборда (blur)
Реальные материалы: заблюренные интерфейсы, фото цеха, схемы потоков данных. Иконки и иллюстрации не используем.
05 / Блоки страниц
Повторяющиеся конструкции, из которых собираются все восемь страниц.
Карточка кейса
Проектно-изыскательский бизнес5 недель

Тех. название решения

Два предложения о том, что было до проекта. И одно — о том, что стало, с опорой на измеримую величину.

PythonPostgreSQLSupersetREST
−31чел.-часов в неделю
Собственный продукт · B2B SaaS6 недель

Второе решение

Карточки выравниваются по нижней границе: цифра стоит на одной линии независимо от длины описания.

.NET 8Angular 20RabbitMQ
−48% времени цикла
Структура детальной страницы кейса
01ОтрасльПроектно-изыскательский бизнес — без имени клиента
02Тех. названиеВнутреннее имя решения или продукта
03Тезисное описание2–3 предложения: что было, что стало
04Тех. стекТеги: языки, БД, модели, интеграции, развёртывание
05Бизнес-ценностьЦифра + единица: часы, %, срок, деньги
06Проектные вызовыОграничения контура, легаси, сопротивление на местах
Плитка услуги
02

BI и отчётность

Сводим данные из 1С, MES и Excel в один контур. Руководство видит смену, участок и себестоимость без ручной сборки.

ХранилищеДашбордыРегламент обновления
Шаг процесса
  1. 01
    Неделя 0
    Разбор процессов на месте
    Смотрим, как идут планирование, выпуск документации и работа с заказчиком, и считаем потери в часах.
  2. 02
    Неделя 1
    Выбор одного процесса
    Берём участок с быстрой окупаемостью и понятной метрикой.
  3. 03
    Недели 2–6
    Решение в вашем контуре
    Разработка и внедрение вместе с вашими специалистами.
  4. 04
    Далее
    Передача и расширение
    Обучение команды, документация, следующий процесс.
Блок возражения
«Внедрят и уйдут, останемся с непонятной системой»
Документация, исходный код и доступы — ваши с первого дня. Обучаем вашу команду в ходе проекта, а не после сдачи.
«Безопасность и контур — не выпустим данные»
Развёртывание on-premise, без внешних облаков. Работаем по вашему регламенту доступа.
06 / Сетка, ритм, движение
СЕТКА
12 колонок, макс. 1440 px, поля 48 px. Разделители — линии 1 px, не тени.
ШАГ ОТСТУПОВ
4 · 8 · 12 · 20 · 28 · 48 · 88. Между секциями — 88 px, внутри карточки — 20/28.
СОСТОЯНИЯ
Только цвет и граница, 150 мс. Ничего не двигается и не масштабируется при наведении.
ПОЯВЛЕНИЕ
Один приём: линия секции прочерчивается, текст проявляется на 8 px вверх. Без параллакса.