ترتیب دینا: ویڈیو کا ریمیک موازنہ شروع کریں۔

مجھ سے پوچھیں: میرے پروڈکٹ کا نام، ایک لوگو (یا آپ کو ایک سادہ نشان کھینچنے دیں)، میرے برانڈ کے رنگ (یا انہیں میرے لوگو سے کھینچیں)، ایک لائن والی چیز جو صارف پرامپٹ باکس میں ٹائپ کرتا ہے، وہ صفحہ جو اس کا جواب دیتا ہے (ایک کلیدی جملے کے ساتھ عنوان + 2–3 جملے)، اسٹیک شدہ کارڈز کے لیے دو فیچر نام، اور ایک میوزک ٹریک۔ اگر میں کسی کو چھوڑتا ہوں تو ڈیفالٹس کا استعمال کریں: پروڈکٹ "فریم بذریعہ فریم" اس کے ہوپ ہب کے اندر رہتا ہے، ایک ویو فائنڈر نشان (ایک بولڈ "FF" کے ارد گرد چار کونے والے بریکٹ)، پرامپٹ "میری ایپ کے لیے ایک لانچ ویڈیو بنائیں"، ایک سبق کا صفحہ جس کا عنوان ہے "2.1 ایک حوالہ منتخب کریں"، کارڈز "لانچ" اور "ساؤنڈز ٹریک کرنے کے لیے"، اور "ساؤنڈ ٹریک کرنے کے لیے سب سے سستا گھر"۔ 124 BPM

12 سیکنڈ مربع پروڈکٹ اسٹنگ، 1080x1080، 29.97 fps (f0–f359) پر فریم نمبر، 59.94 fps پر پیش کردہ ماسٹر۔ ایپل کا کلیدی احساس: نرم، سفید، چمکدار نیلا، شیشے والا۔ کیمرہ کبھی بھی اسٹیل فریم پر نہیں کٹتا: ہر شاٹ پہلے سے حرکت میں داخل ہوتا ہے (ایکسپونینشل ایز آؤٹ، فی فریم بقیہ فاصلہ کا 12-19%) اور تیز رفتار حرکت یا دھندلا ریمپ پر چھوڑ دیتا ہے۔ بلر ہر حرکت پر رفتار اور سمت کی پیروی کرتا ہے۔
پیلیٹ: میرے برانڈ کے رنگ ان کرداروں پر نقش کیے گئے ہیں۔ اگر میں کچھ نہیں دیتا ہوں تو صفحہ #FDFDFB، کہرا #B7CFEB، برف #E6F0FA، گہرا نیلا #294376 → #769CC2 اسکائی گریڈینٹ، نیوی #1E2F52، ایکسنٹ بلیوز #2F6BFF / #3CC8F0 / منٹ #4ED6A0، سفید استعمال کریں۔ قسم: Inter (400/500/600/700)۔ کہیں بھی جامنی، بنفشی، مینجینٹا یا نارنجی نہیں۔
کہانی: پروڈکٹ کا ہیڈر ایک ہلکی ایپ ونڈو کے اندر نیلے کہرے سے نکلتا ہے اسپرنگ آؤٹ اور پرامپٹ کی قسمیں → ہلکے نیلے فلیش کے ذریعے جوابی صفحے پر اسکرول کرتے ہوئے جگہ پر → ایک کارڈ اس کے اوپر اٹھتا ہے → وشال فراسٹڈ گلاس ٹائٹلز کے ساتھ دو اسٹیک شدہ کارڈز پر دھندلا تحلیل ہوتا ہے → لون لوگو ڈسک پر دھندلا تحلیل ہوتا ہے
ممنوعہ: کراس فیڈز، منجمد فریم (S7 میں ایک ہولڈ کے علاوہ)، اسٹاک UI کٹس، UI ٹیکسٹ پر چمکتا ہے، Math.random، کوئی بھی چیز جو ٹیمپلیٹ کی طرح نظر آتی ہے۔

کوآرڈینیٹس 1080 سٹیج پر px ہیں۔ میوزک بیٹ k = 0.048 + 0.4838·ks (124 BPM ، ایک بیٹ = 14.5 فریم)۔ تین سخت کٹ f72, f101, f159 ایک بیٹ سے پہلے 2 فریموں پر اترتے ہیں: ان عین مطابق فریموں کو رکھیں۔
S1 f0–71، ہیڈر + ونڈو + کلک کریں: کہرا #B7CFEB f28 تک #FDFDFB پر دھندلا ہو رہا ہے، نیچے نیلے فرش کی چمک #DBEEFD رکھیں۔ ایک لائن پر ہیڈر: لوگو ڈسک ⌀132 (#FBFCFE, 1px رم #E8E8EA، سیاہ نشان)، پروڈکٹ کا نام (Inter 500)، ایک سیاہ کیپسول گولی "آن ووپ" (#2F2E2F، سفید متن)؛ پورا لاک اپ x474–1063 پر پھیلا ہوا ہے، سنٹر لائن y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37) تک بڑھتا ہے، 1 px/فریم کے بعد بہتی ہے۔ نام f2 دھندلا نظر آتا ہے، گولی f4–5 بہت زیادہ دھندلی ہوتی ہے اور تیز ہونے پر 15 px بائیں طرف پھسلتی ہے۔ ایک لائٹ ہب ونڈو (ریڈیس 93، فل #FCFDFF، ٹاپ بینڈ #F1F6FF، نیلے رنگ کے اندرونی فرش کی چمک) اس کے ارد گرد دھندلا جاتا ہے: دھندلاپن 0 سے f14، 0.53 f15، 0.7 f19، 1.0 f24؛ اوپری بائیں کونے (408,405)، دائیں اور نیچے سے چلتا ہے۔ اندر: اوپری بینڈ میں تلاش کی گولی، ایک بائیں آئیکن کالم (کورسز کا آئیکن (537,739) پر، دھندلا ہوا چیٹ آئیکن (537,900))، اور (764,700) آف فریم سے کورس کارڈ اس کی کور امیج، عنوان اور "کورس · 8 اسباق" کے ساتھ۔ Cursor (سیاہ macOS تیر، سفید آؤٹ لائن، 32x39) f27 (891,393) پر ظاہر ہوتا ہے، بائیں طرف گھٹتا ہوا (770,383) f44 کی طرف سرکتا ہے، نیچے بائیں طرف f47–51 کی طرف گھومتا ہے جب یہ غوطہ لگاتا ہے، ڈسک کے نچلے دائیں طرف اترتا ہے → (555,531) f71; f56 سے ہوور پر × 1.55 بڑھتا ہے۔ ایک نرم برف کی انگوٹھی (#D5F3FF → #F7FEFF، بیرونی ⌀174) f53 سے ڈسک کے گرد روشنی کرتی ہے۔ کیمرہ تقریباً (540,540) زوم کرتا ہے: 1.0 f46 → 1.2 f60 ایزی ان آؤٹ، f61 رکھتا ہے، پھر f71 پر 1.04 تک تیز ہو جاتا ہے جب کرسر دباتا ہے (15% f69–71 سکڑ جاتا ہے)۔
S2 f72–100، icon + orbit: navy squircle app icon (#294376 → #1E2F52، سفید نشان)، f72 پر 276 px آسانی سے سکڑ کر f86 کے ذریعے 178 px تک، چوڑائی کا 28% رداس، ایک گرے ہیلو ڈسکس #E9074 پر (f75) → 326 (f86)۔ چار 92 px اسکوائر (رداس 26) گھڑی کی مخالف سمت میں گھمائیں، گھٹتے ہوئے، اور مدار کے رداس ≈216 پر f86 پر ایک کراس میں لاک کریں: سفید (1px #E3E8EF کنارے + بیہوش سایہ) بائیں، #2F6BFF اوپر، #3CC8F0 دائیں، #4ED6A نیچے۔ f88–100: آئیکن سکڑ کر تیزی سے ≈40 px تک پہنچ جاتا ہے، مربع اس کے دائیں طرف ایک قطار میں پھسل جاتا ہے (آئیکن کے پیچھے سفید پھسل جاتا ہے)، بلر ریمپ 0.3 → 6 px۔
S3 f101–158، مینو بار + پرامپٹ: سیاہ لیپ ٹاپ بیزل بینڈ کے اوپر سفید صفحہ (y425–475، سب سے اوپر ہائی لائٹ #686866)، ایک گہرا نیوی مینو بار (y477–538)، نیچے وال پیپر = پتلی سفید لائن آرٹ کے ساتھ نیلے آسمان کا میلان (ایک vertiz ایک بڑا دائرہ، ایک فورپوائنٹ چار پوائنٹس ایک کراسنگ پر، نرم چائے کی چمک اوپر سے دائیں)۔ سفید میں مینو بار کا دائیں کلسٹر: Wi-Fi، بیٹری، ٹوگلز، x531–584 پر پروڈکٹ کا نشان، تین ⌀36 ڈاٹس #2F6BFF / #3CC8F0 / #4ED6A0 پر x612, 661, 709، "Mon Jun 22 9:41 AM"۔ دھندلے 3 px میں داخل ہوتا ہے اور f110 سے طے ہوتا ہے۔ Cursor نیچے سے اٹھتا ہے (f102)، نشان پر بیٹھتا ہے، f113–117 کو دباتا ہے۔ کیمرا مواد کو دائیں طرف پین کرتا ہے +125 px f115–130 (تیز ترین f118–120)۔ ایک پالا ہوا شیشے کا باکس (آسمان کے اوپر سفید نیلا شیشہ، روشن ٹاپ رم، رداس 60) f116 کے نشان کے نیچے سے نکلتا ہے: f126 پر چوڑائی 744 کی چوٹی ہے اور x196–922، y568–797 کے ارد گرد f138 کے ذریعے 726x228 طے کرتی ہے۔ f121 (پہلے قابل "میک") سے لے کر f150 (مکمل) تک تقریباً 1 چار/فریم پر 1 فریم ہولڈ کے ساتھ ہر 2-3 حروف پر فوری قسمیں؛ کیریٹ ہمیشہ جاری؛ نیچے کے ساتھ تین سفید آؤٹ لائن شبیہیں؛ سفید اوپر تیر کے ساتھ بٹن #2F6BFF ⌀51 بھیجیں۔ f136 سے پورا منظر اوپر کی طرف بڑھتا ہے، تیزی سے وہپ ٹِلٹ (f158 حرکت پذیر ≈25 px/فریم، عمودی دھندلا ≈6–8 px) جبکہ صفحہ #E6F4FE f154–158 پر ٹنٹ کرتا ہے۔
S4 f159–186، جوابی صفحہ: ایک لائٹ کورس سبق کا صفحہ (بریڈ کرمب، ٹائٹل، باڈی): ٹیکسٹ کالم x120، باڈی 47 px Inter 400 گرے #BCBCBA، لائن پچ 58، ایک کلیدی جملہ ("فریم برائے فریم") سیاہ 600 میں۔ یہ بدبودار ہوتا ہے اور 420 px کے ساتھ نیچے آتا ہے، 420 اوپر اسکرول کرتا ہے۔ 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), پھر −6 px بذریعہ f186 رینگتا ہے۔ بلر 24 px (f159) → 1.5 (f165) → 0. فلیش #E2F4FE f165 کے ذریعے #FDFDFB پر دھندلا ہو رہا ہے۔ سیدھا اوپر کی طرف اشارہ کرنے والا کرسر اسکرول پر سوار ہوتا ہے اور کلیدی جملے (≈(450,591) f180) کے نیچے رک جاتا ہے، پھر دائیں طرف بڑھ جاتا ہے۔
S5 f187–214، کارڈ: ایک سفید کارڈ (x203–878، نیچے سے چلتا ہے) صفحہ کے اوپر اٹھتا ہے: کور امیج 627x536 انسیٹ 24 px، رداس 64، اس کے اوپری مرکز میں ایک لائٹ گریبر بار، سرخی سیمی بولڈ 38 px سیاہ، ذیلی سرخی px گرے 23۔ کور ٹاپ y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205)، پھر ~4 px/فریم تک بڑھتا رہتا ہے۔ کارڈ بلر f189 پر 3.8 px کی چوٹی، f201 سے تیز؛ پیچھے والا صفحہ ≈2.5 px پر دھندلا جاتا ہے۔ باہر نکلیں f207–214: کارڈ ~5% سکڑتا ہے اور بڑھتا ہے جبکہ پورا فریم 1 → 7 px دھندلا جاتا ہے۔ دھندلا پن کی چوٹی پر کاٹ دیں۔
S6 f215–244، دو کارڈز: سفید صفحہ، دو اسٹیک شدہ کارڈز 538x348 (ریڈیس 57، گیپ 36) x540 پر مرکز، اوپر کا کارڈ y168 پر f230، نیچے y552 پر سیٹل ہو رہا ہے۔ ہر ایک: کور آرٹ (اس میں کوئی متن نہیں بنایا گیا)، ایک فروسٹڈ گولی اوپر سے بائیں ("ماڈیول 3" / "ماڈیول 5")، ایک فراسٹڈ گول "•••" اوپر دائیں، اور فروسٹڈ شیشے سے بنے نیچے کنارے کے ساتھ ایک بہت بڑا بولڈ ٹائٹل (ایک دھندلا ہوا، ہلکا ہوا): تصویر کی کاپی "کارڈ کے نیچے" اور کٹے ہوئے حروف سے کٹی ہوئی "آواز"۔ دونوں دھندلے 12 px میں داخل ہوتے ہیں اور f224 کے ذریعے تیز؛ اوپر والا کارڈ 8% بڑا ہو کر y264 سے بڑھتا ہے۔ نیچے کا کارڈ y927 سے اٹھتا ہے، اس کے پیچھے لڑکھڑاتا ہے۔ وہ 3 px/فریم f230–238 اوپر بڑھتے ہیں، پھر تیز ہوتے ہیں اور کٹ میں دھندلا جاتے ہیں۔
S7 f245–300، لوگو ڈسک: صفحہ #FDFDFB، ڈسک ⌀168 #F6F6F6 گہرے نشان کے ساتھ، درمیان میں اٹھتا ہے (اوپر y569 f245 → 491 f250 → 468 f255 → 456 f269)، مجھے فریم پر vertical کٹ کے ساتھ دبائیں f269–287 (صرف منجمد اسٹریچ)، پھر سکڑ کر f300 پر ⌀123 تک تیز ہو جاتا ہے۔
S8 f301–359، اختتامی کارڈ: سیاہ شعاعی پس منظر (#020204 کونے، لفظ کے ارد گرد ≈#272729)، Inter 600 میں ورڈ مارک، سفید #F3F3F5 سخت چمک کے ساتھ ایک وسیع نرم ہالہ، مرکز میں (540,540)۔ لفظ کی چوڑائی: ≈1650 px f301 (افقی طور پر داغدار، زوم لکیریں) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → f212 → f23≈ 563→ px/frame shrink) → 492 f350، پھر آسانی سے سمٹ جاتا ہے: 450 f355 → 267 f359 دھندلاپن کے ساتھ 3.5 px تک بڑھ جاتا ہے۔ فلم وسط گرنے پر ختم ہوتی ہے۔

1. ایک HTML صفحہ، 1080x1080، فریم نمبر کے خالص فنکشن کے طور پر seek(t) کے ذریعے تیار کیا گیا ہے۔ کوئی CSS ٹرانزیشن نہیں، کوئی ٹائمر نہیں، کوئی Math.random نہیں (صرف بیج والے ہیشز)۔ شاٹس {f0, f1, render(localFrame)} کے بطور رجسٹر ہوتے ہیں۔
2. فریم نمبر میں ہر قدر مسلسل ہوتی ہے (59.94 ماسٹر آدھے فریموں کو رینڈر کرتا ہے): کلیدی فریم ٹیبلز kf(فریم، [[f، ویلیو]،...]، آسانی) اور لکیری انٹرپولیشن کے ساتھ فی فریم لوک اپ ٹیبلز کے ساتھ متحرک کریں۔ حرکت پر کوئی ریاضی نہیں۔
3. بلر: گول بلر کے لیے CSS فلٹر بلر، ڈائریکشنل سمیئرز کے لیے الگ الگ x/y stdDeviation کے ساتھ SVG feGaussianBlur۔ اینڈ کارڈ پر زوم سمیر = 20-30 اسکیلڈ، لفظ کی دھندلی کاپیاں۔ فراسٹڈ گلاس = پیچھے کی چیز کی ایک دھندلی، ہلکی کاپی، شکل پر تراشی ہوئی ہے۔
4. Cursor: ایک SVG macOS تیر (سیاہ فل، سفید آؤٹ لائن، نرم سایہ) گردش اور پیمانے کے ساتھ، S1، S3، S4 میں دوبارہ استعمال کیا جاتا ہے۔
5. آواز (کوئی آواز نہیں)، بالکل 12.075 s: 124 BPM پر موسیقی، نرم تعارف، 2.47 سیکنڈ پر ڈراپ (بیٹ 5، f72 کٹ اسے 2 فریموں تک لے جاتا ہے)۔ ترکیب شدہ SFX: نرم اثر 0.10 s؛ 2.402، 3.370، 5.305، 10.043 سیکنڈ؛ منتقلی 6.240 سیکنڈ اور 8.175 سیکنڈ پر بالکل ہٹ جاتی ہے۔ 2.33 اور 3.83 سیکنڈ پر کلکس؛ 4.04–5.00 سیکنڈ پر ہر ~32 ms پر انتہائی پرسکون کلید ٹک کرتی ہے۔ 10.05 سیکنڈ پر ایک نرم چمک۔ ماسٹر ٹو −14 LUFS، حقیقی چوٹی −1 dBTP، آخری 60 ms کے علاوہ کوئی دھندلا نہیں۔
6. Playwright کے ساتھ رینڈر کریں (ایک اسکرین شاٹ فی فریم، فونٹس پہلے لوڈ کیے گئے)، H.264 yuv420p کو 60000/1001 پر انکوڈ کریں، آڈیو کو مکس کریں۔

فونٹس لوڈ ہونے کے بعد ہی متن کی پیمائش کریں۔ ایک لمبا پروڈکٹ کا نام اس جگہ فٹ نہیں ہوگا جہاں 5-حروف والا نام ہوتا ہے: پورے لاک اپ (ڈسک گیپ، نام، گولی) کو اسپین x474–1063 میں فٹ کرنے کے لیے پیمانہ کریں، گولی کو فریم سے گرنے نہ دیں۔ ایک سفید مداری مربع سفید صفحہ پر بغیر 1px کنارے اور ہلکے سایہ کے غائب ہو جاتا ہے۔ S6 کارڈز کے اندر ان کے اپنے متن کے ساتھ تصاویر نہ لگائیں، یا شیشے کا عنوان دوگنا ہو جائے گا۔ کٹے ہوئے فریموں کو بالکل درست رکھیں جہاں وہ بیٹ پر نہ بیٹھیں۔ S7 f269–287 کے علاوہ کچھ بھی منجمد نہیں ہوتا ہے۔ بھاری بلر ٹیبلز کسی شکل کو مکمل طور پر مٹا سکتے ہیں: اگر کوئی فریم خالی نظر آتا ہے، تو دھندلا پن کو اس وقت تک کم کریں جب تک کہ شکل اب بھی پڑھ نہ جائے۔

مجھ سے ان پٹ کے لیے پوچھیں۔ پھر مکمل فلم پیش کرنے سے پہلے مجھے 4 اسٹیلز دکھائیں (ونڈو میں f40 ہیڈر، f86 آئیکن کراس، f150 تیار شدہ پرامپٹ، f230 دو کارڈ)۔

Ask me for: my product name, a logo (or let you draw a simple mark), my brand colours (or pull them from my logo), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: my brand colours mapped onto these roles; if I give none, use page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

سے پرامپٹ لیا گیا۔ پوسٹ @notdwd.