Fa'alauiloa fa'asalalauga a le UGC

Fesili mai ia te aʻu mo: le igoa o le oloa ma se folafolaga e tasi le laina, 3 i le 5 taimi UI e faʻaalia, tasi le lanu faʻapitoa, 10 i le 20 vitiō faʻatulagaina moni e ana ia te aʻu, ma se pese e leai se totogi ma se mataua manino (e pei o le Mixkit, e leai se totogi mo le faʻaaogaina faapisinisi).

Ata fa'atauva'a maualuga. Tasi le manatu i ata ta'itasi, tele avanoa gaogao, tasi le lanu fa'apitoa, tasi le sans mama (Geist po'o Inter) fa'atasi ai ma le fa'asologa vaapiapi. O mata'itusi ufiufi e fa'aalia ai, tipi tutusa, tasi le gagana lamolemole a le meapueata. Na'o ata moni, e le o ni kata e tu'u ai mea. Leai ni togi atoa i tusitusiga i luga o le lau.
Fa'asa: mama o galu te'i, pa o fasi mea, vaeluaina o le RGB, lūlūina o le meapueata, susulu o tioata mata, pupula o neon, fola grid, talaaga e feilafi, fa'aitiitia o le osooso.

10 pa i le 120 BPM, 2 sekone i le pa.
Pa 1: e pa'ū le matau i lea upu ma lea upu i luga o pa'ō.
Pa 2: e suia le upu matau e tasi i le UI o oloa. E lolomi ma kiliki se kisi.
O le pa'ū: e matala mai se li'o mai le fa'amau i se vaaiga pogisa.
Ona sosoo ai lea ma le tasi gaioiga i le pa: o se puipui o ata vitio moni ma se laina scan ma le 3 manumalo, o le ki autu o se mataitusi tele, o se carousel 3D o vitio moni ma ata o le fola ma se sasa faanenefu i luga o le tasi ata vitio o le toa, o le toa i totonu o se telefoni i tafatafa o se paneli e liliu i taunuuga, fuainumera tetele i luga o push cuts, o se ticker e 3-upu, o se fa'aaliga o le logo, o se fa'amamago i le uliuli.

1. Tasi le faila HTML i le 1920x1080. O sitaili ta'itasi e fa'atatauina mai le taimi i totonu
http://
window.seek(t): leai ni ata fa'aola CSS, leai ni taimi, leai se tulaga i le va o fa'avaa.
2. Vitio moni: aveese ni vaega pupuu i le 30fps JPEG sequences ma ffmpeg ma fesuiai punaoa o ata i le fa'avaa ta'itasi. O le sailiga e fa'atali mo le fa'aliliuina o le ata.
3. Iloilo le pese ma le numpy: tempo, beat grid, energy per bar, le drop. Fa'atulaga le grid i kiki moni. O le kiki ta'itasi e fa'atulaga i luga o le downbeat, o le UI ta'itasi e fa'atulaga i luga o le beat.
4. Fa'aali ma Playwright: 3 subframes i le frame ta'itasi i le t minus, i le, ma le fa'aopoopo i ai le 1/240s, ona fa'afefiloi lea ma ffmpeg tmix mo se fa'aaliga moni o le gaioi i le 60fps.
5. Tuu aafiaga leo taitasi ina ia pa'ū lona tumutumu na fuaina, ae le o lona amataga o le faila, i luga o le mea na tupu. Tausia ia filemu aafiaga i lalo o le musika. Leo tele i le -14 LUFS.
6. Su'e ni fa'avaa e 20 pe sili atu a'o le'i faia le ata atoa. Fa'asa'o so'o se mea e fenumia'i, fe'avea'i pe faigata ona faitauina.

Aua lava ne'i setiina le opacity po'o le filter i luga o se elemene preserve-3d, aua e fa'amafolafola ma e aliali mai fo'i foliga uma e lua. Nai lo lea, fa'aitiitia lona afifi. Fuafua tulaga o elemene i le taimi e fa'atino ai mo ni tipi tutusa. Fa'aaoga na'o musika ma aafiaga leo e fa'atagaina ai le fa'aaogaina fa'apisinisi e laiseneina.

Fesili mai mo ni fa'amatalaga, ona fa'aali mai lea ia te a'u se storyboard o lo'o i ai taimi ta'itasi i luga o le beat grid a'o le'i tusia se code.

Ask me for: the product name and a one-line promise, 3 to 5 UI moments to show, one accent color, 10 to 20 real vertical clips I own, and a royalty-free song with a clear drop (e.g. Mixkit, free for commercial use).

High-end minimal. One idea per shot, lots of empty space, one accent color, one clean sans (Geist or Inter) with tight tracking. Masked type reveals, match cuts, one smooth camera language. Real footage only, never placeholder cards. No full stops in on-screen text.
Banned: shockwave rings, particle bursts, RGB split, camera shake, lens flares, neon glows, grid floors, flashing backgrounds, bouncy easing.

10 bars at 120 BPM, 2 seconds each.
Bar 1: the hook lands word by word on the beats.
Bar 2: one hook word morphs into the product UI. A cursor types and clicks.
The drop: a circle opens out of the button into a dark scene.
Then one move per bar: a wall of real clips with a scan line and 3 winners, the key output as big type, a 3D carousel of real videos with floor reflections and a motion-blurred whip onto one hero clip, the hero in a phone next to a panel that flips into results, big stats on push cuts, a 3-word ticker, a logo reveal, a fade to black.

1. One HTML file at 1920x1080. Every style is computed from time inside
http://
window.seek(t): no CSS animations, no timers, no state between frames.
2. Real video: extract clips to 30fps JPEG sequences with ffmpeg and swap img sources per frame. seek awaits the image decodes.
3. Analyze the song with numpy: tempo, beat grid, energy per bar, the drop. Calibrate the grid to the real kick hits. Every cut sits on a downbeat, every UI hit on a beat.
4. Render with Playwright: 3 subframes per frame at t minus, at, and plus 1/240s, then blend with ffmpeg tmix for real motion blur at 60fps.
5. Place each sound effect so its measured peak, not its file start, lands on the event. Keep the effects quiet under the music. Loudnorm to -14 LUFS.
6. Probe 20 or more frames before the full render. Fix anything cluttered, overlapping or hard to read.

Never set opacity or filter on a preserve-3d element, because it flattens and both faces show. Fade its wrapper instead. Measure element positions at runtime for match cuts. Only use music and sound effects whose license allows commercial use.

Ask me for the inputs, then show me a storyboard with every timing on the beat grid before you write any code.

Fa'amatalaga na aumai mai pou @twoclipping.