Визуальный архив знакомых снов

Сны не исчезают.
Их можно найти.

Найти мой сон Открыть коллекцию

Что осталось после пробуждения?

Падение, которое стало полётом
Рассвет над морем облаков
Берег, которого нет на карте
Лагуна, где лёд светится изнутри

Купол парашюта над широким горным плато под открытым небом

ПолётНевесомость

Падение, которое стало полётом

Земля уходила вниз, а воздух внезапно подхватил и понёс над облаками.

Высокий горный хребет поднимается над спокойным слоем облаков

ОблакаТишина

Рассвет над морем облаков

Солнце поднималось из белой глади, а вершины казались островами без названий.

Скалистый мыс далеко выступает в открытый океан

БерегТайна

Берег, которого нет на карте

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

Голубые льдины дрейфуют в тихой северной лагуне

ЛёдВосхищение

Лагуна, где лёд светится изнутри

Голубые льдины мерцали под тёмной водой, будто помнили свет ушедшего дня.

Какой сон ты потерял?

Опиши место, чувство или странную деталь. Архив попробует найти знакомую запись.

Опиши
Результат

Запись из архива

Найди сон, который вернётся к тебе

Опиши фрагмент — архив сопоставит его с одной из четырёх сновидческих записей.

Найти запись

Как сделан проект Worklog · 7 шагов

ИдеяВыбран вариант «Архив потерянных снов». Итоговая версия хранит четыре забытые сновидческие записи и помогает найти их по фрагменту воспоминания.
Арт-дирекшнWispr Flow использовался как референс ритма и смыслового движения. Бренд, тексты и материалы не копировались.
ИзображенияOpenAI ImageGen помог собрать четыре природных сюжета в едином editorial-стиле. Города, лица, CGI, повторы и случайные предметы были отброшены.
СборкаЛендинг собран на HTML, CSS и JavaScript. Поиск работает локально, без backend, фреймворков и тяжёлых animation-библиотек.
AI-процессCodex Desktop и приватный Web Studio использовались для исследования референса, реализации и QA. Внутренняя конфигурация плагина не входит в сдачу.
Ручная работаСамостоятельно определены смысл, ограничения визуала и критерии приёмки. После AI доработаны тексты, типографика, композиция, кропы, адаптив, состояния формы и финальная семантика архива.
ПроверкаПроверены desktop, tablet, mobile, клавиатура, reduced motion, четыре поисковых совпадения, пустой ввод, консоль, изображения и overflow. Исходники сохранены в GitHub.

Три ключевых промпта

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

01 · Арт-дирекшнСменить смысл коллекции

Измени смысловое направление снов. Убери мрачный сюрреализм, тревогу, мистику и странность ради странности.

Архив должен хранить приятные, узнаваемые человеческие сны: отдых, полёт, море, путешествия, близкие люди, тёплые воспоминания, вдохновение и удачные моменты.

Главное правило:
знакомая жизненная ситуация + приятная эмоция + один лёгкий элемент сна.

Перечитай обновлённые:
- PROJECT_BRIEF/Project.md
- BUILD_BRIEF.md
- PROJECT_BRIEF/PROMPT_02_COLLECTION.md

Замени старые сюжеты «Комната без дверей», «Фонарь, знающий твоё имя» и остальные тревожные записи на новую коллекцию из этих файлов.

Текущую композицию, hero, навигацию, Canvas, анимации и визуальную систему не переделывай. Измени только содержание коллекции, подписи, alt-тексты и связанные временные изображения. Затем синхронизируй dist и продолжи текущий этап.

Результат: это стало промежуточным арт-дирекшном без тревожных сюжетов; финальный смысловой проход вернул странице буквальную идею архива забытых снов. Существующий Hero сохранился.

02 · Визуальный QAИсправить центр вращения

Поправь Hero, видишь как не ровно задний фон вращается вокруг центра. Он сильно смещен вправо. Почини [private Web Studio harness]

Результат: вращение фоновой композиции было выровнено относительно визуального центра Hero.

03 · РеализацияПересобрать всё ниже Hero

Промпт отражает staging-этап: публичный deploy был отдельно разрешён только после финального QA.

PLEASE IMPLEMENT THIS PLAN:
# Полная пересборка лендинга ниже Hero

## Основной принцип

- `header + .hero + hero canvas` не изменять ни визуально, ни технически.
- Не менять общие переменные и скрипты способом, способным повлиять на hero.
- Весь HTML, CSS, JS и контент ниже hero можно удалить и собрать заново.
- Старые велосипед, завтрак, машина, пляжная сетка, чёрная форма и огромный Worklog больше не использовать.

## Новая страница

### 1. «То, что всё ещё впереди»

Большая Wispr-подобная scroll-сцена о реальных желаниях, которые пока отложены.

Четыре состояния:

1. `Шагнуть в открытое небо` — парашютный POV без рук и лиц.
2. `Подняться выше облаков` — горный гребень и крошечный человек спиной.
3. `Дойти до края материка` — масштабные океанские скалы без города.
4. `Увидеть ледяную лагуну` — тёмная вода и естественный голубой лёд.

Каждое состояние содержит изображение, короткий текст, настроение и категорию. Смысл всегда достижимый: «не сейчас», а не «никогда».

На десктопе:

- Одна крупная тёмно-зелёная sticky-камера.
- Два движущихся потока фраз проходят вокруг центральной «капсулы архива».
- Капсула собирает разрозненные фрагменты в цельное изображение.
- Скролл переключает четыре сна без сетки карточек.

На мобильном:

- Sticky отключён.
- Сны показаны четырьмя последовательными полноширинными сценами.
- Никакого scroll hijacking.

### 2. Новый поиск сна

- Светлая выразительная секция вместо чёрной формы.
- Поле: `Опиши то, что давно хочешь сделать`.
- Варианты: `Высота`, `Вершина`, `Океан`, `Север`.
- Результат появляется рядом как продолжение scroll-сцены.
- Поиск использует данные тех же четырёх снов без дублирования контента.
- Пустой и неизвестный запросы получают понятные состояния.
- Существующий локальный принцип поиска сохраняется; backend не добавляется.

### 3. Финал

- Небольшой блок «Как собран архив» из пяти компактных строк.
- Никакой имитации внутреннего AI-отчёта.
- Финальная фраза: `Некоторые сны просто ждут подходящего времени`.
- CTA: `Найти мой сон`.
- Сохранить ID `#collection`, `#find-dream`, `#process`, чтобы навигация hero продолжила работать.

## Арт-дирекшн

- Основа: существующие молочный, белый и чёрный цвета.
- Дополнительные роли: глубокий зелёный, приглушённый сиреневый и немного тёплого янтарного.
- Onest остаётся главным шрифтом. Редкий курсивный serif используется только как эмоциональный акцент.
- Крупные поверхности, много воздуха, один доминирующий образ на экран.
- Не использовать bento, бесконечные карточки, декоративные бейджи и одинаковые reveal-анимации.

Четыре изображения создаются в едином реалистичном editorial-стиле. Запрещены:

- космос и северное сияние;
- города, дома и интерьеры;
- еда, машины и случайные предметы;
- крупные люди, лица и руки;
- порталы, светящиеся объекты, невозможные пейзажи;
- пластиковый 3D, CGI и туристический AI-сток.

Неудачный кадр не дорабатывается бесконечно: после двух провалов сцена заменяется вариантом без человека.

## Техническая реализация

- Нижнюю часть `index.html` заменить полностью.
- Старые стили нижних секций удалить и написать новые, строго scoped ниже hero.
- Canvas-код hero оставить неизменным.
- Для новой сцены добавить отдельный небольшой scroll-контроллер.
- Не подключать GSAP, Three.js, WebGL, фреймворки или тяжёлые библиотеки.
- Анимировать только `transform`, `opacity` и `clip-path`.
- Объясняющие переходы: `600–800ms`; кнопки и состояния формы: `140–240ms`.
- При `prefers-reduced-motion` все четыре сна становятся статичными.
- На мобильном не запускать тяжёлую scroll-сцену.

## Приёмка

- Hero при `1440×900` визуально совпадает с исходным.
- В diff отсутствуют изменения внутри hero-разметки и его canvas-движка.
- Ниже hero не остаётся старых композиций или изображений.
- Проверить размеры `1440×900`, `834×1194`, `390×844`.
- Проверить навигацию, четыре поисковых совпадения, пустой ввод, клавиатуру и reduced motion.
- Не должно быть горизонтального скролла, ошибок консоли или фоновой анимации вне видимой сцены.
- Пользовательские изменения в `PROJECT_BRIEF` не трогать.
- Результат оформить отдельной веткой `codex/rebuild-below-hero`, Conventional Commit и PR в GitHub.
- Деплой не выполнять.

Результат: нижняя часть была пересобрана, поиск получил реальные состояния, mobile — статичный fallback, а Hero и его canvas-движок остались неизменными.

Архив потерянных снов