# АЭРОСМАРТ — дизайн главной · v3

Готовый визуальный макет для последующей сборки в WordPress + Bricks. Дата: 31-10-2026. Это результат дизайна, не установленная страница WordPress и не работающая служба приёма заявок. Приёмка пользователем отдельно.

## Просмотр
- [Открыть главную](index.html) — вся страница, 12 секций, адаптивная композиция и интерактивные элементы.
- [Состояния и стили](states.html) — палитра, типографика, кнопки, форма, ошибки/успех/загрузка как образцы, мобильное меню и правила движения.
- [Сравнить первые экраны](exports/preview.jpg).
- [Вся главная · desktop 1440](exports/desktop-1440.jpg).
- [Вся главная · mobile 390](exports/mobile-390.jpg).
- [Первый экран · desktop](exports/desktop-hero.jpg) и [mobile](exports/mobile-hero.jpg).
- [Попап · desktop](exports/desktop-popup.jpg), [mobile](exports/mobile-popup.jpg), [мобильное меню](exports/mobile-menu.jpg).
- [Состояния · desktop](exports/states-1440.jpg).
- [Проект 02](exports/project-02.jpg), [проект 03](exports/project-03.jpg).

Открывайте index.html вместе с папкой assets/ и файлами styles.css / app.js. Все необходимые шрифты, изображения и видео находятся здесь; внешние CDN для просмотра не нужны. Для полного просмотра можно использовать локальный адрес http://127.0.0.1:4173/index.html?review=1, пока запущен сервер этой папки. Сам файл открывается и без сервера.

## Изменения V3 · 31-10-2026

- Пять офисов представлены сеткой с адресами и кликабельными телефонами. Источник — [контакты действующего сайта](https://cargo36.ru/contacts/), проверено 31-10-2026. Для Казани/Саратова указан общий номер, отдельные не придуманы.
- Показатели: 2013 / «С 2013 года в грузовых перевозках»; 200+ / «Направлений по России и за рубежом»; >60 / «Стран — география международной доставки»; «От 1 кг» в одну строку. >60 соответствует прежнему «более 60».
- Самолёт движется диагонально сверху слева вниз направо внутри панорамы. На фоне — «АЭРОСМАРТ». На мобильном и reduced motion — статичная композиция.
- Грузовой отсек исчезает на прогрессе .60–.70 вместо .76–1, поэтому быстрее освобождает следующий раздел.
- Колонка «Авиа» целиком имеет фон #F2F5F8. Удалены подсказка о прокрутке и видимые подписи иллюстраций; alt остались.
- Два выбранных заголовка, описание преимуществ и пять следующих элементов появляются сверху вниз с прозрачностью. Анимация однократная, очередность с шагом 120 мс; остальные секции не получают общий fade-up.
- Плавная прокрутка колесом/трекпадом по всей странице. Короткое сглаживание, нативные якоря и sticky, независимые диалоги/поля. Сенсорный ввод и reduced motion без дополнительной инерции. Внешние пакеты не добавлены.

Параметр export=1 предназначен для статичных контрольных изображений; review=1 — обычный интерактивный просмотр с панелью макета. Для движения открывайте index.html либо index.html?review=1.

## Передача Codex
1. Прочитать родительские AGENTS.md и актуальные документы проекта, затем [исходник содержания](../Главная%20—%20структура%20и%20тексты.md) и [ТЗ сборки](../ТЗ%20главнои%CC%86.md).
2. Открыть index.html и states.html, просмотреть всю главную и обе контрольные ширины. JPEG — контроль внешнего вида; интерактивный прототип — источник геометрии, адаптивности и поведения дизайна.
3. Использовать styles.css для извлечения размеров и цветов, manifest.json — для сопоставления 12 секций. При сборке создавать нативные редактируемые элементы Bricks, шапку и подвал. Не вставлять весь этот HTML одним Code-элементом.
4. Калькулятор подключить из реального пакета клиента. Сохранить место и оформление секции, не копировать аннотацию в публичную страницу и не придумывать тарифы. Внутренний интерфейс модуля не спроектирован вместо клиентского решения.
5. Форму подключить к согласованному обработчику. Три бизнес-поля: имя, телефон, описание. Юридический блок заменить действительными материалами клиента. Образцы успешного/ошибочного состояния из states.html применять по реальному ответу сервера.
6. Повторить сравнение с макетом на широком и узком экране и проверки из ТЗ; работоспособность формы/калькулятора проверяется отдельно.

Тексты не поддерживаются вручную в двух местах: build.py генерирует прототип из единственного Markdown-источника в родительской папке. При редактуре изменить исходник, затем выполнить `python3 build.py` из этой папки. SHA-256 исходника указан в manifest.json. Сборочный файл не заменяет проектное ТЗ.

## Состав
- index.html — визуальный макет всей главной.
- states.html — отдельный лист состояний и дизайн-системы.
- styles.css — фактические размеры, сетки, типографика и адаптивные правила.
- app.js — демонстрация меню, попапа, карусели и движения; отправки и тарифных вычислений нет.
- assets/ — подготовленные медиа, действующий логотип и Manrope с лицензией OFL.
- exports/ — контрольные изображения и результаты измерения геометрии.
- build.py / manifest.json — воспроизводимая привязка к исходнику содержания.

## Медиа
hero.mp4 получен из VID01: 1600×900, H.264, 10,96 с, без звука, около 1,34 МБ. Стык смягчён перекрёстным переходом 0,8 с. Desktop-постер — кадр 3 с, мобильный — 0,4 с; в мобильном и reduced-motion режимах используется статичный фон. Это стилизованный самолёт, не документальная съёмка собственного рейса.

airplane.webp — копия предоставленного airplane-02.webp с прозрачностью; зеркалирование и движение выполняются CSS/JS. EPS не используется.

cargo-apron.jpg — производная IMG01 1200×800; cargo-interior.jpg — производная IMG02 900×1286. Логотип взят с действующего cargo36.ru без перекрашивания: https://cargo36.ru/wp-content/uploads/2019/04/aerosmart-logo.png. Исходные материалы не изменены. Происхождение и права на публикацию исходных иллюстраций не устанавливались дизайном.

Manrope получен через Google Fonts; лицензия — assets/Manrope-OFL.txt. Все шрифты локальные. Фотографии именно трёх проектов отсутствуют: кейсы оформлены типографикой и линией маршрута, сток не выдаётся за доказательство.

## Границы
Макет демонстрирует внешний вид и доступные интерфейсные состояния. Введённые в прототип данные не отправляются и не сохраняются между перезагрузками. При корректном заполнении показана явная пометка о неподключённой отправке. WordPress, Bricks, БД и рабочий домен этим этапом не менялись.

Текущие проверки V3 — V20–V22 в родительском файле проверок. Старые отчёты с designVersion:2 описывают V2. Генератор обновляет SHA-URL CSS/JS; после правок файлов выполните python3 build.py, чтобы браузер получил текущую редакцию.