Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ npm run test:e2e
```

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

Expand Down
38 changes: 38 additions & 0 deletions krdv-guidelines-prototype/audits/2026-10-14-figma-review.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
# ERDCBB — сверка с замечаниями из Figma «бб крдв»

Источник: переданные пользователем 14 октября 2026 г. четыре полных снимка полотна Figma; файл: euwFVS5aMubI1z8HQo7fsG, node 0:1. Дополнительно сопоставлено с основным React-исходником проекта.

## Статусы относительно опубликованной версии до этого PR

| Раздел | Замечание в Figma | Статус до PR | Исправление в PR |
|---|---|---|---|
| 00 Обзор | Заменить вводный текст | Выполнено | Сохранён утверждённый текст |
| 00 Обзор | Удалить карточку «Руководство» с тегами | Не выполнено полностью | Блок целиком удалён; теперь есть только «Содержание» и «Материалы для скачивания» |
| 00 Обзор | Вместо обрезки описаний и многоточий показать нормальные тексты | Частично | Убрано принудительное обрезание CSS; высота карточек адаптируется к контенту |
| 00 Обзор | В каталоге «Преференциальные режимы» | Выполнено | Сохранено |
| 01 Позиционирование | Убрать лишние четыре карточки принципов и старый текст | Выполнено | Сохранено без повторного добавления |
| 02 Логотип | Русский и английский вертикальный — основной; горизонтальный — дополнительный | Выполнено | Исходники и роли не изменены |
| 02 Логотип | Убрать отдельный логотип-лотос в списке файлов | Выполнено | Не возвращался |
| 06 Типографика | Удалить кнопку и блок скачивания коммерческих шрифтов | Выполнено | Скачивания не возвращались |
| 09 Рекламные материалы | Убрать прессволл | Выполнено | Не возвращался |
| 09 Рекламные материалы | Обновить обложки лифлетов | Выполнено | Сохранены 10 актуальных оригиналов с WebP-превью |
| 09 Рекламные материалы | Дополнительно добавить пример наружной рекламы | Остаётся открытым | В заметке указан внутренний URL Yandex Disk (/client/disk/...). Без доступного внешнего источника и пригодного изображения не вставлен неутверждённый макет |
| 10 Мерч | Обновить иллюстрации, уточнить, что это примеры от ДВК | Выполнено | Сохранены все 41 исходных слайда, пояснения ДВК; ссылка Miro ранее удалена по отдельному указанию |
| 11 Товарный знак | Переименовать раздел вместо «Сделано в ТОР СПВ» | Не выполнено | Название изменено на «Товарный знак», URL /#/made сохранён |
| 11 Товарный знак | Улучшить контраст чёрных знаков; добавить знак ДВ и Арктики | Выполнено | Исходные четыре SVG и стили не тронуты |
| 12 Фотостиль | Удалить неподходящее фото аудитории | Не выполнено | Исключён photostyle-composition-6.webp, сохранён одобренный кадр photostyle-composition-7.webp |
| 12 Фотостиль | Автор и источник как сноска | Частично | Сноска вне галереи уже была; уточнено название источника «Фото-хост-агентство РИА Новости» |
| 13 Дизайн соцсетей | Вместо «Приложение» сделать самостоятельный раздел «Дизайн соцсетей», убрать пример поста | Частично | Переименовано, изображение поста ранее было убрано; контакты перенесены в отдельный раздел |
| 14 Контакты | Отдельная глава, оставить название компании, erdc.ru и дату обновления | Не выполнено как отдельная глава | Создан отдельный маршрут /#/contacts с номером 14 и утверждёнными полями, дата 01.11.2026 |

## Совместимость

Старый /#/appendix сохраняет страницу соцсетей под новым названием, прямой маршрут /#/contacts открывает отдельную главу; /#/appendix/contacts по-прежнему разрешается в контакты. Все исходные логотипы, размеры, цвета и скачиваемые файлы сохранены.

## Тестирование

Обновлены проверка количества глав, маршруты, тесты редакционных указаний, каталог, сноска и фото, ранее опубликованные загрузки, браузерная навигация. До merge требуются полные тесты Chromium / Firefox / WebKit / мобильных эмуляций и финальный контроль развёртывания GitHub Pages.

## Открытый внешний ресурс

**Пример наружной рекламы** остаётся ожидающим предоставления общедоступной ссылки или файла в качестве оригинала. Приватный путь Yandex Disk из аннотации Figma не даёт доступа к подтверждённому визуальному материалу. Без оригинала не следует подменять его случайной картинкой либо копией маленького скриншота.
11 changes: 6 additions & 5 deletions krdv-guidelines-prototype/brandbook-map.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

| № | Раздел | Маршрут | Подразделы |
|---|---|---|---|
| 00 | Обзор | `#/overview` | Руководство, Содержание, Материалы для скачивания |
| 00 | Обзор | `#/overview` | Содержание, Материалы для скачивания |
| 01 | Позиционирование | `#/positioning` | Бренд-обещание, Основные принципы |
| 02 | Логотип | `#/logo` | Полная версия, Версии, Использование, Охранное поле, Фоны и цвет, Запреты |
| 03 | Дочерние общества | `#/subsidiaries` | Основная версия, Дополнительная версия, Англоязычная горизонтальная, Англоязычная вертикальная |
Expand All @@ -14,10 +14,11 @@
| 07 | Оформление текста | `#/text` | Кавычки и тире, Валюты и телефоны, Сокращения и география, Контрольные примеры, Типограф |
| 08 | Корпоративные материалы | `#/corporate` | Визитки, Визитки с QR-кодом, Визитки ДО, Бланки ДО |
| 09 | Рекламные материалы | `#/advertising` | Лифлеты, Роллап, Навигация кабинетов, Режимник, Наградные документы |
| 10 | Мерч | `#/merch` | Все 41 слайда исходной презентации (02–42) |
| 11 | Сделано в ТОР СПВ | `#/made` | Знак, Сделано на Дальнем Востоке и в Арктике, Применение |
| 10 | Мерч | `#/merch` | 41 слайд исходной презентации (02–42) |
| 11 | Товарный знак | `#/made` | Знак «Сделано в ТОР СПВ», Сделано на Дальнем Востоке и в Арктике, Применение |
| 12 | Фотостиль | `#/photostyle` | Принципы съемки, Единый прогресс, Выступления, Природа, Люди |
| 13 | Приложение | `#/appendix` | Социальные сети, Контакты |
| 13 | Дизайн соцсетей | `#/appendix` | Социальные сети |
| 14 | Контакты | `#/contacts` | Контакты и обратная связь |

## Материалы

Expand All @@ -28,4 +29,4 @@
- `public/fonts` — шрифты, используемые для отображения. Публичные ZIP-архивы и кнопки скачивания шрифтов удалены; правовой статус самих web-файлов требует проверки.
- `src/data/resources.js` — все внешние архивы и файлы.

В каталоге раздел `Режимы` подписан **«Преференциальные режимы»**. Вертикальные версии логотипа RU/EN — основные, горизонтальные — дополнительные. Исторические URL сопоставляются текущим страницам через `routeAliases`.
В каталоге раздел `Режимы` подписан **«Преференциальные режимы»**. Вертикальные версии логотипа RU/EN — основные, горизонтальные — дополнительные. Исторические URL сопоставляются текущим страницам через `routeAliases`. Старый адрес `#/appendix/contacts` по-прежнему открывает «Контакты».
Binary file not shown.
2 changes: 1 addition & 1 deletion krdv-guidelines-prototype/src/components/GuidelinePage.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ function GuidelinePage({ page, activePageId, navigate }) {

return (
<article className="guideline-page">
<header className={`hero-band ${hasMediaHero ? "is-media" : ""} ${hasAnimatedHero ? "is-animated" : ""} ${hasSubsidiaryHero ? "is-subsidiary" : ""} ${hasLibraryHero ? "is-library" : ""} ${hasStillHero ? "is-still-cover" : ""}`} aria-label={t(page.title)}>
<header className={`hero-band ${hasMediaHero ? "is-media" : ""} ${hasAnimatedHero ? "is-animated" : ""} ${hasSubsidiaryHero ? "is-subsidiary" : ""} ${hasLibraryHero ? "is-library" : ""} ${hasStillHero ? "is-still-cover" : ""}`} aria-label={t(page.title)} data-solid-cover={Boolean(page.heroSolid)}>
{page.heroImage ? <img className="hero-still-image" src={heroAsset(page.heroImage)} alt="" aria-hidden="true" decoding="async" fetchPriority="high" /> : null}
{page.heroVideo ? <SmartVideo className="hero-video" filename={page.heroVideo} /> : null}
{page.heroAnimation === "colorTiles" ? <ColorHeroAnimation /> : null}
Expand Down
31 changes: 19 additions & 12 deletions krdv-guidelines-prototype/src/data/pages.js
Original file line number Diff line number Diff line change
Expand Up @@ -10,12 +10,6 @@ const pagesData = [
heroLibrary: "overview-panels",
intro: "Руководство по визуальной системе АО «КРДВ»: логотип, цвета, типографика, фотостиль, носители и материалы для скачивания.",
sections: [
{
id: "guide",
title: "Руководство",
lead: "Руководство по использованию фирменного стиля АО «КРДВ».",
paragraphs: ["Единые правила помогают сохранять узнаваемость корпорации во внутренних и внешних коммуникациях, печатных материалах, презентациях, рекламных носителях и цифровой среде."],
},
{
id: "contents",
title: "Содержание",
Expand Down Expand Up @@ -442,7 +436,7 @@ const pagesData = [
number: "10",
title: "Мерч",
heroImage: "cover-merch.jpg",
directoryDescription: "Все 41 слайда презентации с примерами брендированной продукции.",
directoryDescription: "41 слайд презентации с примерами брендированной продукции.",
intro: "Примеры брендированной продукции КРДВ и дочерних обществ.",
sections: [
{
Expand Down Expand Up @@ -501,7 +495,7 @@ const pagesData = [
{
id: "made",
number: "11",
title: "Сделано в ТОР СПВ",
title: "Товарный знак",
heroImage: "cover-made.jpg",
directoryDescription: "Товарные знаки регионального происхождения продукции.",
intro: "Фирменные знаки «Сделано в ТОР СПВ» и «Сделано на Дальнем Востоке и в Арктике»: версии, скачивание и примеры использования.",
Expand Down Expand Up @@ -578,7 +572,7 @@ const pagesData = [
"Неподходящий кадр: участники не вовлечены, людей много и лица не в фокусе, композиция неудачная, на переднем плане затылки или обилие текстур мешает считыванию.",
],
assetImages: photostyleImages.events,
photoCredit: { author: "Максим Блинов", source: "Фотохост-агентство РИА Новости" },
photoCredit: { author: "Максим Блинов", source: "Фото-хост-агентство РИА Новости" },
},
{
id: "nature",
Expand Down Expand Up @@ -608,9 +602,9 @@ const pagesData = [
{
id: "appendix",
number: "13",
title: "Приложение",
title: "Дизайн соцсетей",
heroImage: "cover-appendix.jpg",
directoryDescription: "Гайд по оформлению соцсетей и контакты КРДВ.",
directoryDescription: "Гайд по дизайну публикаций и карточек в социальных сетях КРДВ.",
intro: "Гайд по оформлению публикаций в соцсетях.",
sections: [
{
Expand All @@ -619,6 +613,16 @@ const pagesData = [
paragraphs: ["Гайд помогает сохранять узнаваемый визуальный язык в постах, карточках, обложках и регулярных публикациях КРДВ."],
resourceLinks: ["socialGuide"],
},
],
},
{
id: "contacts",
number: "14",
title: "Контакты",
heroSolid: true,
directoryDescription: "Информация об АО «КРДВ», дата обновления брендбука и обратная связь.",
intro: "Контактная информация и обратная связь по фирменному стилю КРДВ.",
sections: [
{
id: "contacts",
title: "Контакты",
Expand Down Expand Up @@ -648,6 +652,7 @@ const routeAliases = {
editorial: "text",
graphics: "regimes",
social: "appendix",
contact: "contacts",
gallery: "overview",
typography: "typography",
color: "color",
Expand All @@ -660,7 +665,9 @@ const routeAliases = {
};

function resolvePageId(hash) {
const route = String(hash || "").replace(/^#\/?/, "").split("/")[0];
const fragments = String(hash || "").replace(/^#\/?/, "").split("/");
const route = fragments[0];
if (route === "appendix" && fragments[1] === "contacts") return "contacts";
const normalized = routeAliases[route] || route;
return pagesById[normalized] ? normalized : "overview";
}
Expand Down
1 change: 0 additions & 1 deletion krdv-guidelines-prototype/src/data/resources.js
Original file line number Diff line number Diff line change
Expand Up @@ -324,7 +324,6 @@ const photostyleImages = {
{ title: "Инфраструктура города", caption: "Мост, портовый и городской масштаб Дальнего Востока.", file: "photostyle-composition-12.webp" },
],
events: [
{ title: "Деловой стенд", caption: "Коммуникационный кадр с выставки или форума.", file: "photostyle-composition-6.webp" },
{ title: "Вовлеченная аудитория", caption: "Событие с участниками, которые включены в процесс.", file: "photostyle-composition-7.webp" },
],
nature: [
Expand Down
6 changes: 6 additions & 0 deletions krdv-guidelines-prototype/src/styles/hero.css
Original file line number Diff line number Diff line change
Expand Up @@ -365,3 +365,9 @@
line-height: 1.05;
overflow-wrap: anywhere;
}

/* Contact chapter is intentionally plain, matching the separate navy header in Figma. */
.hero-band[data-solid-cover="true"] {
height: 280px;
background: #001d37;
}
6 changes: 6 additions & 0 deletions krdv-guidelines-prototype/src/styles/responsive.css
Original file line number Diff line number Diff line change
Expand Up @@ -498,3 +498,9 @@
.page-scroll { scroll-padding-top: 72px; }
.content-section { scroll-margin-top: 72px; }
}

@media (max-width: 860px) {
.hero-band[data-solid-cover="true"] {
height: 220px;
}
}
17 changes: 7 additions & 10 deletions krdv-guidelines-prototype/src/styles/sections.css
Original file line number Diff line number Diff line change
Expand Up @@ -183,7 +183,7 @@
min-width: 0;
min-height: 330px;
display: grid;
grid-template-rows: 132px 1fr;
grid-template-rows: 132px auto;
border: 1px solid var(--line);
padding: 0;
background: #ffffff;
Expand Down Expand Up @@ -291,10 +291,6 @@
background: linear-gradient(90deg, #001d37 0 51%, #0056a2 51% 86%, #de2327 86%);
}

.directory-visual.has-cover + .directory-copy p {
-webkit-line-clamp: 2;
}

.directory-copy {
display: grid;
grid-template-columns: 1fr;
Expand All @@ -317,19 +313,15 @@
}

.directory-copy p {
display: -webkit-box;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
overflow-wrap: anywhere;
overflow-wrap: break-word;
hyphens: auto;
white-space: normal;
color: var(--muted);
font-size: 15px;
line-height: 1.4;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}

.directory-copy small {
Expand Down Expand Up @@ -565,3 +557,8 @@
object-fit: cover;
object-position: center 58%;
}

/* The independent contacts chapter uses its own restrained navy cover. */
.directory-visual[data-topic="contacts"] .directory-fallback {
background: #001d37;
}
2 changes: 1 addition & 1 deletion krdv-guidelines-prototype/src/styles/workbench.css
Original file line number Diff line number Diff line change
Expand Up @@ -188,7 +188,7 @@
}

.directory-copy {
grid-template-rows: auto minmax(0, 1fr) auto;
grid-template-rows: auto auto 1fr;
align-content: stretch;
}

Expand Down
Loading
Loading