בקשה לסרטון תצוגה

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

120 BPM, משהו קורה בכל פעימה.
תיבה ראשונה: וו. לאחר מכן טכניקה אחת לכל תיבה, כל טכניקה יוצאת מהאחרונה. תיבה מלאה אחרונה: הרגע החזק ביותר. חצי תיבה אחרונה: כותרת סיום, והפריים האחרון תואם את הראשון כך שהוא מתחבר בלולאה.

1. קובץ HTML אחד בגודל 1920x1080. כל סגנון מחושב לפי הזמן בתוך window.seek(t): אין אנימציות CSS, אין טיימרים, אין מצב שמועבר בין פריימים.
2. השתמשו בקפיציות ובירידה אקספוננציאלית הכתובות כפונקציות של זמן. טשטוש עוקב אחר מהירות וכיוון בתנועות מהירות.
3. כתבו פסקול בקוד עם ממשק ה- Web Audio API (OfflineAudioContext): קיק בכל פעימה, עלייה לתיבה המלאה האחרונה, מכה בכל שינוי סצנה. עבדו אותו לפורמט WAV.
4. בצעו רינדור עם Playwright ב-60fps, 3 תת-פריימים לכל פריים מעורבבים עם ffmpeg tmix לטשטוש תנועה, לאחר מכן בצעו מיקס של האודיו.
5. לפני הרינדור המלא, רנדר פריים אחד לכל פעימה והתבונן בהם. תקן כל דבר עמוס, לא בקצב, חופף או קשה לקריאה.

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

A 15-second motion design showreel that proves you are a world-class motion designer. Concept: your pick (e.g. "ink becomes type becomes architecture"). Commit to it and name it in one line before you start. Every shot is made out of the previous one: shapes, type and color transform into the next scene instead of cutting or fading.
One typeface (Geist, Inter or a bold display face from Google Fonts), a palette of at most three colors plus black and white, one consistent camera language.
Show range: kinetic type, shape morphing, a 2D-to-3D moment, a data or UI moment, and an end title. Give each one an equal share of the time.
Banned: particle bursts, glows, lens flares, camera shake, RGB split, crossfades, generic gradients, bouncy easing, holds longer than half a second, anything that looks like a template.

120 BPM, something happens on every beat.
First bar: hook. Then one technique per bar, each flowing out of the last. Last full bar: the strongest moment. Final half bar: end title, and the final frame matches the first so it loops.

1. One HTML file at 1920x1080. Every style is computed from time inside window.seek(t): no CSS animations, no timers, no state carried between frames.
2. Use spring and exponential easing written as functions of time. Blur follows speed and direction on fast moves.
3. Write a soundtrack in code with the Web Audio API (OfflineAudioContext): a kick on every beat, a riser into the last full bar, a hit on each scene change. Render it to WAV.
4. Render with Playwright at 60fps, 3 subframes per frame blended with ffmpeg tmix for motion blur, then mux the audio.
5. Before the full render, render one frame per beat and look at them. Fix anything cluttered, off the beat, overlapping or hard to read.

Tell me the concept and show a beat-by-beat storyboard, then build it without asking me anything else. Give me the final MP4.