ERDCBB — интерактивный брендбук АО «КРДВ»

Полнофункциональная веб-версия фирменного руководства КРДВ: позиционирование, логотипы, дочерние общества, режимы, палитры, шрифты, носители, фотостиль и скачивание оригиналов.

Опубликованный сайт

Локальный запуск

cd krdv-guidelines-prototype
npm ci
npm run dev

Проверка

npm run check
npx playwright install chromium
npm run test:e2e

• npm run check: production build, проверки контента и ассетов, тесты Sites Worker.
• npm run test:e2e: Playwright Chromium, Firefox, WebKit и эмуляция iOS; 15 страниц, навигация, скролл, палитры, работа анимаций и ошибки доступа к буферу обмена.
• GITHUB_PAGES=true npm run build: production build с базовым URL /ERDCBB/.
• npm run optimize:video: отдельная команда обработки видео (не запускается при обычной сборке).

Архитектура

• src/App.jsx — маршрутизация, оболочка, жизненный цикл, доступность меню.
• src/components/Navigation.jsx — навигационная система.
• src/components/GuidelinePage.jsx — универсальный рендерер разделов.
• src/components/AssetLibraries.jsx — библиотеки логотипов и исходников.
• src/components/ContentBlocks.jsx — типографика, палитры, спецификации и контент.
• src/components/Hero.jsx и SmartVideo.jsx — видео, анимация, отложенный шейдер.
• src/data/pages.js — источник страниц и маршрутов.
• src/data/resources.js, palette.js, identity.js — контентные каталоги.
• src/lib/clipboard.js, typograf.js — независимые утилиты.
• src/styles/ — CSS по назначению, импорты в правильном порядке.
• public/ — оригинальные файлы бренда, видео, постеры, шрифты.

Реализация — React 19 + Vite 6 + Motion + GSAP, статическая hash-маршрутизация, GitHub Pages и отдельная упаковка Sites. Пользовательские интерфейсы должны сохранять фирменный стиль, а анимации — уважать reduced motion.

Публикация

Quality checks запускает линтер, production-сборку, модульные и браузерные тесты (Chromium/Firefox/WebKit) до объединения PR. Workflow GitHub Pages повторяет эти проверки перед публикацией, поэтому не прошедшая проверку сборка не выкладывается. Публиковать в main следует после успешного CI.

Текущая карта: brandbook-map.md. Актуальные ограничения: design-qa.md.

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

Внешние архивы

Из десяти исходных адресов Яндекс Диска восемь подтверждены как общедоступные страницы. Две внутренние ссылки /client/aa/ открывали страницу авторизации; они исключены из публичного интерфейса до замены владельцем материалов. Индивидуальные файлы логотипов остаются доступными прямо из раздела «Логотип».

Дополнительный аудит 13.10.2026

Выполнены 20 адресных проверок архитектуры, доступности, производительности и UX. Результаты: отчёт об аудите. Обновление не меняет утверждённые материалы и фирменный стиль.