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

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

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

Что ты давно откладываешь?

Прыгнуть с парашютом
Встретить рассвет в горах
Увидеть океан со скал
Побывать у ледяной лагуны

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

ВысотаРешимость

Прыгнуть с парашютом

Посмотреть на землю сверху и сделать прыжок, который давно откладывал.

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

ВершинаУверенность

Встретить рассвет в горах

Подняться выше облаков и увидеть утро с вершины.

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

ОкеанСвобода

Увидеть океан со скал

Дойти до края берега и услышать только ветер и воду.

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

СеверВосхищение

Побывать у ледяной лагуны

Увидеть настоящий голубой лёд и холодную воду Севера.

Выбери, с чего начать

Четыре направления. Один выбор, который можно приблизить уже сейчас.

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

Следующий шаг

Выбери одно желание

После выбора здесь появится один конкретный шаг, с которого можно начать.

Выбрать желание

Как сделан проект 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-движок остались неизменными.

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