Daim vis dis aus tso tawm ntawm Frame by Frame

Nug kuv txog: kuv lub npe khoom, lub logo (lossis cia koj kos ib lub cim yooj yim), ib kab lus uas tus neeg siv ntaus rau hauv lub thawv ceeb toom, nplooj ntawv uas teb nws (lub npe + 2–3 kab lus nrog ib kab lus tseem ceeb), ob lub npe tshwj xeeb rau cov ntawv sib dhos, thiab ib txoj nkauj. Yog tias kuv hla ib qho twg, siv cov qauv qub: khoom "Frame by Frame" nyob hauv nws lub Whop hub, lub cim viewfinder (plaub lub ces kaum bold nyob ib puag ncig lub "FF"), txoj lus ceeb toom "Ua ib qho yeeb yaj kiab tso tawm rau kuv lub app", nplooj ntawv qhia hu ua "2.1 Xaiv ib qho siv", daim npav "Launch" thiab "Suab", thiab Mixkit txoj nkauj dawb "Rising Forest" qeeb mus rau 124 BPM.

Ib qho khoom siv 12 vib nas this, 1080x1080, tus lej thav duab ntawm 29.97 fps (f0–f359), master rendered ntawm 59.94 fps. Kev xav zoo li Apple-keynote: mos, dawb, xiav ci, iav. Lub koob yees duab yeej tsis txiav rau ntawm daim duab tsis txav: txhua qhov kev txhaj tshuaj nkag mus rau hauv qhov twb txav lawm (exponential ease-out, 12–19% ntawm qhov deb seem ib daim duab) thiab tawm mus rau qhov txav mus los sai dua lossis qhov blur ramp. Blur ua raws li qhov ceev thiab kev taw qhia ntawm txhua qhov txav.
Xim: nplooj ntawv #FDFDFB, xim av #B7CFEB, xim dej khov #E6F0FA, xiav tob #294376 → #769CC2 xim ntuj gradient, xim navy #1E2F52, xim xiav accent #2F6BFF / #3CC8F0 / xim mint #4ED6A0, dawb. Hom: Inter (400/500/600/700). Tsis muaj xim ntshav, xim ntshav, xim magenta lossis xim txiv kab ntxwv nyob qhov twg.
Zaj Dab Neeg: lub taub hau ntawm cov khoom nce tawm ntawm lub teeb xiav hauv lub qhov rais app teeb → tus cursor glides rau hauv, tig mus rau qhov chaw uas nws mus, loj hlob ntawm hover thiab nyem lub logo → txiav rau ntawm lub suab paj nruag poob rau lub cim app nrog plaub lub plaub fab orbiting rau hauv ib tug ntoo khaub lig → lub cim collapses rau hauv ib tug Mac menu bar → tus cursor nyem lub cim menu-bar, ib tug frosted iav prompt thawv tawm thiab cov lus teb ntaus ntawv → whip-tilt mus rau saum los ntawm lub teeb xiav flash rau hauv nplooj ntawv teb scrolling rau hauv qhov chaw → ib daim npav nce hla nws → blur-dissolve rau ob daim npav stacked nrog cov npe loj frosted-iav → blur-dissolve rau lub logo disc ib leeg → txiav rau ib daim npav kawg dub nrog ib tug wordmark ci ntsa iab.
Txwv tsis pub: crossfades, khov cov thav duab (tshwj tsis yog ib qho tuav hauv S7), cov khoom siv UI hauv Tshuag, ci ntsa iab ntawm cov ntawv nyeem UI, Math.random, txhua yam uas zoo li tus qauv.

Cov coordinates yog px ntawm 1080 theem. Suab paj nruag beat k = 0.048 + 0.4838·ks (124 BPM, ib beat = 14.5 thav duab). Peb qhov hard cuts f72, f101, f159 tsaws 2 thav duab ua ntej ib beat: khaws cov thav duab no kom raug.
S1 f0–71, header + qhov rai + nyem: haze #B7CFEB fading rau #FDFDFB los ntawm f28, khaws lub teeb xiav hauv pem teb #DBEEFD rau hauv qab. Header ntawm ib kab: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, cim tsaus), lub npe khoom (Inter 500), ib lub tshuaj ntsiav tsaus "ntawm Whop" (#2F2E2F, ntawv dawb); tag nrho lub lockup spans x474–1063, kab nruab nrab nce y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/ncej tom qab. Lub npe tshwm sim f2 blurred, ntsiav tshuaj f4–5 blurred heev thiab swb 15 px sab laug thaum nws sharpening. Ib lub qhov rais teeb pom kev zoo (radius 93, sau #FCFDFF, sab saum toj #F1F6FF, xiav sab hauv pem teb ci ntsa iab) ploj mus ib puag ncig nws: opacity 0 txog f14, 0.53 f15, 0.7 f19, 1.0 f24; ces kaum sab laug saum toj (408,405), khiav tawm ntawm sab xis thiab hauv qab. Sab hauv: ib lub tshuaj tshawb nrhiav hauv sab saum toj, ib kab cim sab laug (Lub cim chav kawm ntawm (537,739), lub cim sib tham ploj ntawm (537,900)), thiab daim npav chav kawm los ntawm (764,700) tawm ntawm tus ncej nrog nws daim duab npog, lub npe thiab "Chav Kawm · 8 zaj lus qhia". Cursor (tus xub dub macOS, daim duab dawb, 32x39) tshwm sim f27 ntawm (891,393), glides sab laug decelerating mus rau (770,383) f44, tig mus rau taw tes down-sab laug f47–51 thaum nws dhia, tsaws rau ntawm lub disc sab xis qis (629,564) f56 → (587,546) f59 → (555,531) f71; loj hlob ×1.55 thaum hover los ntawm f56; ib lub nplhaib dej khov mos (#D5F3FF → #F7FEFF, sab nraud ⌀174) teeb nyob ib ncig ntawm lub disc los ntawm f53. Lub koob yees duab zooms txog (540,540): 1.0 f46 → 1.2 f60 yooj yim-nkag-tawm, tuav f61, tom qab ntawd yooj yim tawm acceleration mus rau 1.04 ntawm f71 thaum tus cursor nias (shrinks 15% f69–71).
S2 f72–100, lub cim + orbit: navy squircle app icon (#294376 → #1E2F52, cim dawb), 276 px ntawm f72 shrinking ease-out mus rau 178 px los ntawm f86, radius 28% ntawm qhov dav, ntawm lub grey halo disc #E9E9E7 loj hlob ⌀240 (f75) → 326 (f86). Plaub 92 px squares (radius 26) tig mus rau hauv counter-clockwise, decelerating, thiab xauv rau hauv ib tug ntoo khaub lig ntawm orbit radius ≈216 los ntawm f86: dawb (1px #E3E8EF ntug + faint duab ntxoov ntxoo) sab laug, #2F6BFF sab saum toj, #3CC8F0 sab xis, #4ED6A0 hauv qab. f88–100: lub cim me me zuj zus mus txog ≈40 px, cov plaub fab swb mus rau hauv ib kab ntawm nws sab xis (cov ntawv dawb tom qab lub cim), qhov tsis meej pem 0.3 → 6 px.
S3 f101–158, daim ntawv qhia zaub mov + cov lus qhia: nplooj ntawv dawb saum toj ntawm lub laptop bezel dub (y425–475, qhov tseem ceeb saum toj kawg nkaus #686866), daim ntawv qhia zaub mov xim av tsaus nti (y477–538), daim ntawv ntsa hauv qab = lub ntuj xiav gradient nrog cov kab dawb nyias nyias (ib lub voj voog loj, ob kab kab rov tav, ib kab ntsug, plaub lub ntsiab lus ci ntsa iab ntawm qhov hla, lub teeb xiav mos mos sab xis saum toj). Daim ntawv qhia zaub mov sab xis pawg hauv dawb: Wi-Fi, roj teeb, toggles, lub cim khoom ntawm x531–584, peb ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 ntawm x612, 661, 709, "Hnub Monday Lub Rau Hli 22 9:41 AM" 34 px. Nkag mus rau qhov tsis meej 3 px thiab daws los ntawm f110. Cursor nce los ntawm hauv qab (f102), zaum ntawm lub cim, nias f113–117. Lub koob yees duab pans cov ntsiab lus sab xis +125 px f115–130 (ceev tshaj f118–120). Ib lub thawv iav frosted (iav dawb-xiav hla lub ntuj, ntug ci ntsa iab, vojvoog 60) tawm ntawm qab lub cim f116: qhov dav nce mus txog 744 ntawm f126 thiab teeb tsa 726x228 los ntawm f138 nyob ib ncig ntawm x196–922, y568–797. Cov lus qhia ntaus los ntawm f121 (thawj zaug nyeem tau "Ua") mus rau f150 (ua tiav) ntawm kwv yees li 1 tus cim/ncej nrog 1-ncej tuav txhua 2–3 tus cim; caret ib txwm qhib; peb lub cim dawb kab txaij raws hauv qab; khawm xa #2F6BFF ⌀51 nrog tus xub dawb nce. Txij ntawm f136 tag nrho qhov xwm txheej nce mus rau saum, nrawm dua mus rau hauv lub whip-tilt (f158 txav ≈25 px/ncej, ntsug blur ≈6–8 px) thaum nplooj ntawv tints #E6F4FE hla f154–158.
S4 f159–186, nplooj ntawv teb: nplooj ntawv kawm yooj yim (breadcrumb, lub npe, lub cev): kab ntawv x120, lub cev 47 px Inter 400 grey #BCBCBA, kab suab 58, ib kab lus tseem ceeb ("ncej rau ncej") hauv xim dub 600. Nws tuaj txog smeared thiab 420 px qis, scrolls up nrog offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), ces creeps −6 px los ntawm f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading rau #FDFDFB los ntawm f165. Tus cursor taw tes ncaj nraim mus rau saum toj caij lub scroll thiab nres hauv qab kab lus tseem ceeb (≈(450,591) f180), tom qab ntawd txav mus rau sab xis.
S5 f187–214, daim npav: daim npav dawb (x203–878, khiav tawm hauv qab) nce mus rau saum nplooj ntawv: daim duab npog 627x536 inset 24 px, radius 64, lub teeb grabber bar ntawm nws qhov chaw saum toj kawg nkaus, caption semibold 38 px dub, sub-caption grey 23 px. Npog sab saum toj y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), tom qab ntawd txuas ntxiv mus txog ~ 4 px / thav duab. Daim npav blur peaks 3.8 px ntawm f189, ntse los ntawm f201; nplooj ntawv tom qab blurs rau ≈2.5 px. Tawm f207–214: daim npav shrinks ~ 5% thiab nce thaum tag nrho cov thav duab blurs 1 → 7 px; txiav ntawm qhov blur peak.
S6 f215–244, ob daim npav: nplooj ntawv dawb, ob daim npav sib tshooj 538x348 (voj voog 57, qhov sib txawv 36) nyob nruab nrab ntawm x540, daim npav sab saud nyob ntawm y168 los ntawm f230, hauv qab nyob ntawm y552. Txhua daim: daim duab kos (tsis muaj ntawv ci rau hauv), ib lub tshuaj pleev xim khov sab saud-sab laug ("Module 3" / "Module 5"), ib lub voj voog khov "•••" sab saud-sab xis, thiab lub npe loj loj raws ntug hauv qab ua los ntawm iav khov (daim duab tsis meej, ci ntsa iab ntawm daim duab txiav rau cov ntawv, txiav tawm los ntawm ntug hauv qab ntawm daim npav): "Launch" thiab "Suab". Ob leeg nkag mus rau qhov tsis meej 12 px thiab ntse los ntawm f224; daim npav sab saud nkag mus rau 8% loj thiab nce los ntawm y264; daim npav hauv qab nce los ntawm y927, staggered tom qab nws. Lawv drift mus rau 3 px/ncej f230–238, tom qab ntawd nrawm dua thiab tsis meej tawm mus rau hauv qhov txiav.
S7 f245–300, lub logo disc: nplooj ntawv #FDFDFB, disc ⌀168 #F6F6F6 nrog lub cim tsaus nti, nce mus rau hauv nruab nrab (sab saum toj y569 f245 → 491 f250 → 468 f255 → 456 f269) nrog ib qho smear ntsug ntawm tus ncej txiav, tuav tseem f269–287 (tsuas yog qhov ncab khov), tom qab ntawd ntsws nrawm mus rau ⌀123 ntawm f300.
S8 f301–359, daim ntawv xaus: keeb kwm yav dhau dub radial (#020204 ces kaum, ≈#272729 nyob ib ncig ntawm lo lus), lub cim lo lus hauv Inter 600, dawb #F3F3F5 nrog lub teeb ci ntsa iab ntxiv rau lub halo dav mos, nyob hauv nruab nrab (540,540). Qhov dav ntawm lo lus: ≈1650 px f301 (kab rov tav, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/ncej ntsws) → 492 f350, tom qab ntawd collapse ease-in: 450 f355 → 267 f359 nrog blur nce mus txog 3.5 px. Zaj yeeb yaj kiab xaus nruab nrab-collapse.

1. Ib nplooj ntawv HTML, 1080x1080, kos los ntawm seek(t) ua ib qho kev ua haujlwm ntawm tus lej thav duab. Tsis muaj kev hloov pauv CSS, tsis muaj timers, tsis muaj Math.random (seeded hashes xwb). Cov duab kos npe ua {f0, f1, render(localFrame)}.
2. Txhua tus nqi yog txuas ntxiv mus rau hauv tus lej thav duab (tus 59.94 tus tswv ua ib nrab thav duab): ua kom muaj zog nrog cov lus qhia keyframe kf (frame, [[f, value],...], ease) thiab cov lus qhia per-frame lookup nrog linear interpolation. Tsis muaj Math.floor thaum txav mus los.
3. Plooj: CSS lim plooj rau qhov puag ncig plooj, SVG feGaussianBlur nrog x/y stdDeviation sib cais rau kev taw qhia smears. Zoom smear ntawm daim npav kawg = 20–30 scaled, faded copies ntawm lo lus. Frosted iav = ib daim ntawv theej blur, lightened ntawm yam uas nyob tom qab, clipped rau lub duab.
4. Cursor: ib tus xub SVG macOS (sau dub, kab dawb, duab ntxoov ntxoo mos) nrog kev tig thiab nplai, rov siv dua hauv S1, S3, S4.
5. Suab (tsis muaj lub suab), raws nraim 12.075 s: suab paj nruag ntawm 124 BPM, qhov pib mos mos, qhov poob ntawm 2.47 s (ntaus 5, qhov txiav f72 ua rau nws los ntawm 2 thav duab). Synthesized SFX: cuam tshuam mos mos 0.10 s; whooshes peaking ntawm qhov txiav 2.402, 3.370, 5.305, 10.043 s; kev hloov pauv ntaus raws nraim ntawm 6.240 s thiab 8.175 s; clicks ntawm 2.33 thiab 3.83 s; tus yuam sij ntsiag to heev ticks txhua ~ 32 ms dhau 4.04–5.00 s; ib qho shimmer mos mos ntawm 10.05 s. Master rau −14 LUFS, qhov siab tshaj plaws −1 dBTP, tsis muaj fade tsuas yog 60 ms kawg.
6. Render nrog Playwright (ib daim duab thaij rau ib lub thav duab, cov ntawv sau tau thauj ua ntej), encode H.264 yuv420p ntawm 60000/1001, mux lub suab.

Ntsuas cov ntawv tsuas yog tom qab cov ntawv sau tau thauj khoom. Lub npe khoom ntev yuav tsis haum qhov twg lub npe 5-tsab ntawv tau ua: ntsuas tag nrho lub xauv (qhov sib txawv ntawm lub disc, lub npe, ntsiav tshuaj) kom haum rau qhov dav x474–1063, tsis txhob cia cov ntsiav tshuaj poob tawm ntawm tus ncej. Lub voos xwmfab dawb ploj ntawm nplooj ntawv dawb yam tsis muaj ntug 1px thiab duab ntxoov ntxoo me ntsis. Tsis txhob muab cov duab nrog lawv cov ntawv sau rau hauv daim npav S6, lossis lub npe iav ob npaug. Khaws cov thav ntawv txiav kom raug txawm tias qhov twg lawv tsis zaum ntawm lub suab nrov. Tsis muaj dab tsi khov tsuas yog S7 f269–287. Cov lus tsis meej pem hnyav tuaj yeem so ib daim duab tawm tag nrho: yog tias tus ncej zoo li khoob, txo qhov tsis meej pem kom txog thaum daim duab tseem nyeem tau.

Nug kuv txog cov tswv yim. Tom qab ntawd qhia kuv 4 daim duab (f40 header hauv lub qhov rais, f86 icon hla, f150 tiav qhov kev hais kom ua, f230 ob daim npav) ua ntej koj render tag nrho zaj duab xis.

Ask me for: my product name, a logo (or let you draw a simple mark), 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: 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.

Cov lus qhia tau los ntawm tus ncej @notdwd.