Шаблон зацикленного рекламного ролика запуска продукта: чёрный логотип с точкой, три результата к утру и плавный переход ночи в рассвет

Промпт

<inputs>
Спроси меня: название моего продукта (одно слово в нижнем регистре, оно станет черным текстовым логотипом с точкой), единственная задача, которую пользователь ставит перед ним перед сном, три результата, которые он сообщает к утру, две фотографии одного и того же места ночью и днем (выровненные, чтобы перекрестное затемнение читалось как настоящий рассвет), одна солнечная дневная фотография для логотипа, и песня с большим хитом в начале. Если я что-то пропущу, используй значения по умолчанию: "nightshift", "забронировать 10 звонков о продажах на этой неделе", 200 лидов найдено / 200 писем отправлено / 10 звонков забронировано.
</inputs>

<direction>
24-секундное квадратное видео запуска продукта, 1440x1440 при 60 кадрах в секунду, только 2D, один непрерывный дубль, который зацикливается. Все видео происходит внутри периода текстового логотипа. Снаружи дневной свет (солнечная фотография за черным текстовым логотипом). Внутри ночная фотография под стеклянными панелями в стиле iOS (размытая фотография за каждой панелью, оттенок, ободковый свет). Ничего не обрезается: каждая сцена вырастает из предыдущей, формы трансформируются, точки летят, цвета меняются под заливками. Каждая трансформация плавно скользит 0,8 секунды по кубической кривой Безье (.45,0,.15,1), и зум камеры следует той же кривой. Geist, настоящий указатель macOS, мягкие тени, которые растут с высотой каждой формы.
Запрещено: плоские или градиентные фоны, созданные кодом, зум камеры в крошечные точки, резкие переходы, перекрестное затемнение между сценами, пружинящие эффекты, частицы, свечение, паузы дольше 1 секунды, обрезанный текст.
</direction>

<structure>
Биты — это биты песни. Песня начинается с большого хита, когда появляется первая таблетка.
Открытие: буквы скользят в точку и исчезают в ней, пока она скользит к центру. Точка открывается как диафрагма на ночь внутри нее, и "ты выходишь с работы в 6", затем "[product] не выходит", проплывают через одну маску над ночной фотографией.
Запрос: стеклянная таблетка "Ask [product]" выпрыгивает. Курсор нажимает на нее, она скользит во ввод и задача набирается.
Поиск: отправка сжимает ввод в точку, которая рябью превращается в сетку 23x15. Сканирующая линия проходит по ней, загораются 200 точек, и счетчик считает их.
Написание: загоревшиеся точки вливаются в стеклянный почтовый композитор. Второй, фиолетовый курсор с меткой "[product]" набирает личное приветствие и нажимает "Отправить", и счетчик доходит до 200/200.
Ночь: композитор превращается в стеклянный шар с кольцом прогресса. Чип часов меняет 23:42, 3:17, 5:02, 6:59, пока небо переливается от ночи к рассвету, и "пока ты спишь" проплывает.
Результаты (бит 20): шар становится черным и растекается на три таблетки с результатом. Галочки становятся зелеными.
Утро: таблетки сливаются в Dynamic Island, который вырастает в экран блокировки телефона: дневная фотография, дата, большая 7:00, рамка, вырастающая из края экрана. Три стеклянных уведомления складываются, и курсор нажимает на первое, которое открывается как iOS.
Доказательство: недельный календарь (появляются 10 встреч, наведение показывает время одной), затем график воронки продаж (подсчитывается 48 200 $, линия рисуется, наведение следует за ней). Черный поток с конца линии становится "Начни свою ночную смену →", и курсор нажимает на него.
Выход: кнопка сжимается в точку, вся сцена закрывается в нее, как диафрагма, и буквы выскользают обратно из точки. Слоган поднимается. Последний кадр = первый кадр.
</structure>

<build>
1. Один HTML-холст. Все является чистой функцией времени внутри seek(t): никаких таймеров, никакого состояния между кадрами.
2. Один элемент трансформируется через все состояния (размер, радиус, цвет, материал) из таблицы времен битов, поэтому изменение времени — это одно редактирование.
3. Рендеринг внутреннего мира в оффскрин-холст и его отображение через точку с круглой маской. Никогда не приближайте камеру к точке.
4. Стекло: предварительно размытая копия фотографии, обрезанная по форме, затем оттенок и градиентный ободок.
5. Растекание: размытие + пороговая альфа-компонента на оффскрин-слое для разделения и слияния.
6. Звук: скачанный SFX для каждого события, каждый размещен по его измеренному пику. Песня начинается с хита. Loudnorm до -14 LUFS.
7. Рендеринг с помощью Playwright при 60 кадрах в секунду с 4 субкадрами motion blur. Сканирование каждого кадра на наличие однокадровых скачков и исправление каждого из них.
</build>

<gotchas>
Зум камеры в нецентральную точку раскачивается вбок и резко дергается
</gotchas>

<inputs>
Ask me for: my product's name (one lowercase word, it becomes a black wordmark with a period), the one job a user hands it before bed, the three results it reports by morning, two photos of the same place at night and by day (aligned, so a crossfade reads as a real sunrise), one sunny daytime photo for outside the logo, and a song with a big hit near its start. If I skip any, use the defaults: "nightshift", "book 10 sales calls this week", 200 leads found / 200 emails sent / 10 calls booked.
</inputs>

<direction>
A 24 second square product launch video, 1440x1440 at 60fps, 2D only, one continuous take that loops. The whole video happens inside the period of the wordmark. Outside it's daytime (the sunny photo behind a black wordmark). Inside it's the night photo under iOS-style glass panels (the blurred photo behind each panel, a tint, a rim light). Nothing cuts: every scene grows out of the last, shapes morph, dots fly, colours change under floods. Every morph glides 0.8s on cubic-bezier(.45,0,.15,1) and the camera zoom rides the same curve. Geist, the real macOS pointer, soft shadows that grow with each shape's height.
Banned: flat or gradient backgrounds made in code, camera zooms into tiny points, hard cuts, crossfades between scenes, bouncy springs, particles, glows, holds longer than 1s, cropped type.
</direction>

<structure>
Beats are the song's. The song enters on its big hit as the first pill appears.
Open: the letters slide into the period and vanish into it while it glides to the middle. The period opens like an iris onto the night inside it, and "you log off at 6", then "[product] doesn't", roll through one mask line over the night photo.
Ask: a glass "Ask [product]" pill springs in. The cursor clicks it, it glides into an input and the job types out.
Find: send shrinks the input to a dot that ripples into a 23x15 grid. A scan line sweeps it, 200 dots light up and a counter counts them.
Write: the lit dots pour into a glass email composer. A second, purple cursor labelled "[product]" types a personal opener and presses Send, and the counter runs to 200/200.
Night: the composer becomes a glass orb with a progress ring. A clock chip swaps 11:42 PM, 3:17 AM, 5:02 AM, 6:59 AM while the sky relights from night to dawn and "while you sleep" rolls in.
Results (beat 20): the orb turns black and goo-splits into the three result pills. The checks pop green.
Morning: the pills merge into a Dynamic Island that grows into a phone lock screen: the day photo, the date, a big 7:00, the bezel growing out of the screen edge. Three glass notifications stack in, and the cursor taps the first, which opens like iOS.
Proof: a week calendar (10 meetings pop in, a hover shows one's time), then a pipeline chart ($48,200 counts up, the line draws, a hover follows it). A black flood from the line's end becomes "Start your night shift →" and the cursor clicks it.
Out: the button shrinks into a dot, the whole scene closes down into it like an iris, and the letters slide back out of the period. The tagline rises. Last frame = first frame.
</structure>

<build>
1. One HTML canvas. Everything is a pure function of time inside seek(t): no timers, no state between frames.
2. One element morphs through every state (size, radius, colour, material) from a table of beat times, so retiming is one edit.
3. Render the inside world into an offscreen canvas and reveal it through the period with a circular mask. Never zoom the camera into the dot.
4. Glass: a pre-blurred copy of the photo clipped to the shape, then a tint and a gradient rim.
5. Goo: blur + alpha threshold on an offscreen layer for the split and the merge.
6. Sound: a downloaded SFX for every event, each placed by its measured peak. The song enters on its hit. Loudnorm to -14 LUFS.
7. Render with Playwright at 60fps with 4 motion-blur subframes. Scan every frame for single-frame jumps and fix each one.
</build>

<gotchas>
A camera zoom into an off-centre dot swings sideways and spikes, so open the dot instead. Ease a closing iris by area, not radius, or its first frames jump. A helper that sets globalAlpha must restore the caller's, or fading cards pop. Counters read the frame's time, not the subframe's, or the digits smear.
</gotchas>

<start>
Ask me for the inputs, then show me the beat map and 6 stills (open, find, write, results, phone, out) before you render.
</start>