הֲקָמָה: קידום של מחולל מודעות UGC

בקשו ממני: שם המוצר והבטחה בת שורה אחת, 3 עד 5 רגעים של ממשק משתמש להצגה, צבע הדגשה אחד, 10 עד 20 קליפים אנכיים אמיתיים שבבעלותי, ושיר ללא תמלוגים עם קטע צילום ברור (למשל Mixkit, חינמי לשימוש מסחרי).

מינימליזם יוקרתי. רעיון אחד לכל צילום, הרבה שטח ריק, צבע הדגשה אחד, גרסה נקייה אחת (Geist או Inter) עם מעקב מדויק. גילוי טקסט ממוסגר, חיתוכים תואמים, שפת מצלמה חלקה אחת. צילומים אמיתיים בלבד, לעולם לא כרטיסי מיקום. אין נקודות בטקסט על המסך.
אסור: טבעות גלי הלם, התפרצויות חלקיקים, פיצול RGB, רעידות מצלמה, התלקחויות עדשה, זוהר ניאון, רצפות רשת, רקעים מהבהבים, הקלה קופצנית.

10 תיבות בקצב של 120 BPM, 2 שניות כל אחת.
תיבה 1: הוו נוחת מילה אחר מילה על הקצב.
פרק 2: מילת וו אחת משתנה לממשק המשתמש של המוצר. סמן מקליד ולוחץ.
הטיפה: עיגול נפתח מהכפתור אל תוך סצנה חשוכה.
לאחר מכן, מהלך אחד לכל עמודה: קיר של קליפים אמיתיים עם קו סריקה ו-3 זוכים, הפלט המרכזי בגופן גדול, קרוסלה תלת-ממדית של סרטונים אמיתיים עם השתקפויות רצפה ותמונה מטושטשת בתנועה על קליפ גיבור אחד, הגיבור בטלפון ליד פאנל שמתחלף לתוצאות, סטטיסטיקות גדולות על חיתוכים מהירים, טיקר של 3 מילים, חשיפת לוגו, דעיכה לשחור.

1. קובץ HTML אחד ברזולוציה של 1920x1080. כל סגנון מחושב לפי הזמן שבתוכו
http://
window.seek(t): אין אנימציות CSS, אין טיימרים, אין מצב בין פריימים.
2. וידאו אמיתי: חילוץ קליפים לרצפי JPEG של 30fps עם ffmpeg והחלפת מקורות תמונה לכל פריים. חיפוש ממתין לפענוח התמונה.
3. נתחו את השיר בעזרת numpy: קצב, גריד ביט, אנרגיה לתיבה, הדרופ. כיילו את הגריד לפי הקטעים האמיתיים של הקיק. כל קאט יושב על דאון-ביט, כל פגיעה בממשק המשתמש על ביט.
4. רינדור עם Playwright: 3 תת-פריימים לכל פריים ב-t מינוס, ב-, ובפלוס 1/240 שנייה, לאחר מכן ערבוב עם ffmpeg tmix לטשטוש תנועה אמיתי ב-60fps.
5. מקמו כל אפקט צליל כך שהשיא הנמדד שלו, ולא תחילת הקובץ שלו, ינחת על האירוע. שמרו על האפקטים שקטים מתחת למוזיקה. רמת עוצמה רגילה של -14 LUFS.
6. בדוק 20 פריימים או יותר לפני הרינדור המלא. תקן כל דבר עמוס, חופף או קשה לקריאה.

לעולם אל תגדיר אטימות או סינון על אלמנט Preserve-3d, מכיוון שהוא משתטח ושני הפאות נראות. במקום זאת, עמעמו את העטיפה שלו. מדדו את מיקומי האלמנטים בזמן ריצה עבור חיתוכים בהתאמה. השתמשו רק במוזיקה ובאפקטים קוליים שהרישיון שלהם מאפשר שימוש מסחרי.

בקשו ממני את הקלט, ואז הראו לי סטורי-בורד עם כל תזמון ברשת הקצב לפני שאתם כותבים קוד כלשהו.

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.

ההנחיה נלקחה מ שֶׁלְאַחַר @twoclipping.