9 ستايلات أنيميشن لمشروعك بـ Claude، وبرومت كل ستايل جاهز للنسخ

سو لي أنيميشن بستايل خريطة ثلاثية الأبعاد، مثل تطبيق توصيل يتابع طلبك لين يوصل.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- طول المشهد: كرت أبيض ثابت تحت الشاشة، على يمينه دائرة برتقالية فيها رسمة شوكة وسكين، وجنبها «طلبك بالطريق» بخط عريض، وتحتها سطر صغير «مشويات السوق ← البيت». على يسار الكرت وقت الوصول بخط كبير يبدأ «18 د».
- من 0 إلى 1.5 ث: الكاميرا مايلة فوق مدينة مبانيها صناديق بيض بأطوال مختلفة، وشوارعها رمادي فاتح، وفيها حدائق خضرا صغيرة. دبوس برتقالي عليه شوكة وسكين ينبض عند علامة «مشويات السوق»، ودبوس أزرق عند علامة «البيت» بعيد.
- من 1.5 إلى 4.5 ث: خط أزرق سميك يرسم نفسه بالشوارع من المطعم للبيت ويلف عند الزوايا، وعلى رأسه دراجة توصيل صغيرة برتقالية تمشي معه. وقت الكرت ينقص دقيقة دقيقة لين «2 د».
- من 4.5 إلى 6 ث: الدراجة توصل البيت، والدبوس الأزرق ينط مرة. الكرت يصير أخضر: الوقت يتبدل بعلامة صح كبيرة، والعنوان يصير «وصل طلبك». والكاميرا ترجع شوي تبيّن الطريق كامل.

الستايل:
- المباني صناديق بيض ناعمة بإضاءة شمس جانبية وظلال طويلة ناعمة، والأرض رمادي فاتح جداً، مثل تطبيقات التوصيل الحديثة.
- المباني اللي جنب الطريق واطية عشان ما تغطي الخط والدبابيس.
- الخط الأزرق سميك بحواف ناعمة ووهج خفيف، والدراجة مجسم بسيط من صناديق ودوائر بلون برتقالي.
- الكاميرا مايلة تقريباً 50 درجة، وتتبع الدراجة بنعومة.
- أسماء الأماكن بخط عربي رمادي غامق على الأرض، والكرت أبيض بزوايا دائرية وظل ناعم.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

سو لي أنيميشن بستايل صفحة جريدة تطلع قدامك، كأن خبر مشروعك صار بالجرايد.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1.5 ث: خلفية غامقة فيها صفحات جرايد مضببة. صفحة جريدة بيضا تطلع من تحت وهي مايلة، وتلف بهدوء لين توقف بالنص. فوقها اسم الجريدة بخط كبير: «جريدة السوق»، وتحته خط فاصل وكلمة «اقتصاد» بالأحمر.
- من 1.5 إلى 3 ث: العنوان يطلع كلمة كلمة بخط عريض كبير على ثلاث أسطر: «محمصة بن الديرة تفتتح فرعها الثاني».
- من 3 إلى 4.5 ث: تحت العنوان صورة مرسومة بالكود: واجهة محل صغيرة بمظلة مخططة وكوب قهوة على اللوحة، وتحتها فقرة بخط صغير. قلم تظليل أصفر يمشي على جملة منها: «الافتتاح يوم الخميس، وأول 100 كوب علينا».
- من 4.5 إلى 6 ث: الصفحة تقرب شوي من الكاميرا، وختم أحمر دائري مكتوب فيه «افتتاح» ينطبع على زاوية الصفحة بضربة واحدة.

الستايل:
- الصفحة ورق أوف وايت بملمس خفيف وظل ناعم، ومايلة بالمنظور بـCSS 3D.
- اسم الجريدة بخط Noto Nastaliq Urdu عريض، والعنوان بخط Amiri عريض، والفقرة بخط Noto Naskh Arabic رمادي غامق بأعمدة مثل الجرايد.
- الصورة بألوان دافية هادية مثل صورة جريدة مطبوعة، والختم أحمر بحواف حبر غير منتظمة.
- التظليل أصفر فسفوري شفاف يرسم نفسه من اليمين لليسار.
- الجرايد بالخلفية غامقة ومضببة وتتحرك ببطء، والكاميرا تقرّب بهدوء طول المشهد.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل رسم الحبر الصيني بالماي، هادي وفخم يحكي قصة براند قهوة.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 2 ث: ورقة بيج فاتح، والحبر ينتشر كأنه بالماي ويرسم غصن شجرة بن بأوراق رمادية، وعليه حبات بن حمرا صغيرة.
- من 2 إلى 3.5 ث: حبة من الحبات الحمرا تطيح ببطء، وضربات فرشاة تتحول لحبات بن بنية محمصة متناثرة تحت.
- من 3.5 إلى 5 ث: بالنص ينرسم فنجان قهوة عربي صغير بخطوط حبر، ويطلع منه بخار على شكل خيوط حبر رمادية تتموّج لفوق.
- من 5 إلى 6 ث: فوق يسار ينرسم عنوان بالفرشاة: «قهوتنا»، وتحته بخط صغير «من المزرعة لفنجانك»، وجنبه ختم أحمر مربع صغير مكتوب فيه «بن».

الستايل:
- حبر أسود ورمادي بدرجات شفافية مثل الماي على الورق، والحواف تنتشر ببطء.
- اللون الوحيد غير الرمادي هو الأحمر، لحبات البن والختم.
- فراغ كبير فاضي، والتفاصيل قليلة.
- ملمس ورق بحبيبات خفيفة، وضباب يتحرك أفقي ببطء، والعنوان والختم بخط Noto Nastaliq Urdu عريض.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل التفكيك ثلاثي الأبعاد، كأنه إعلان منتج فاخر يبين قطعه.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1.5 ث: خلفية سودا ناعمة وضو ستوديو دافي من فوق. قارورة عطر زجاج مستطيلة بحواف مشطوفة واقفة بالنص وتلف بهدوء، وداخلها عطر لونه عنبري، وفوقها غطا ذهبي ثقيل.
- من 1.5 إلى 4 ث: القارورة تنفك طبقات فوق بعض على محور طولي واحد: الغطا يرتفع لفوق، وتحته رأس البخاخ، وبعده الطوق الذهبي، والأنبوب الرفيع يطلع من داخل القارورة، والعطر العنبري يطلع ككتلة سائلة لامعة بشكل القارورة.
- كل قطعة لما تنفصل يطلع جنبها ملصق بخط رفيع ورقمه: «1 الغطا»، «2 البخاخ»، «3 الطوق»، «4 الأنبوب»، «5 القارورة»، «6 العطر».
- من 4 إلى 6 ث: الكاميرا تلف نص لفة حول القطع، ويطلع تحت عنوان «عطرك، مفتوح» وتحته بخط صغير «6 قطع».

الستايل:
- الزجاج شفاف بانكسار ولمعة من MeshPhysicalMaterial، والغطا والطوق ذهبي لامع بانعكاسات ناعمة من RoomEnvironment، والعطر عنبري شفاف يلمع.
- الأرقام وخطوط الملصقات ذهبي، والأسماء بخط عربي أبيض واضح، والخط يرسم نفسه قبل الاسم.
- الملصقات تبقى داخل الإطار وما تتصادم وقت لفة الكاميرا.
- ظل ناعم على الأرض تحت القطع، والخلفية تغمق عند الأطراف.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.
- Three.js عبر importmap من https://unpkg.com/three@0.160.0/build/three.module.js والإضافات من https://unpkg.com/three@0.160.0/examples/jsm/ ، والـrenderer بخيار preserveDrawingBuffer: true. كل المجسمات من الكود بدون موديلات جاهزة.

سو لي أنيميشن بستايل عرض تطبيق على جوال، مثل إعلانات التطبيقات الحديثة.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1.5 ث: خلفية متدرجة ناعمة بين البنفسجي الفاتح والوردي، وجوال حديث يدخل من تحت وهو مايل شوي ويستقر بالنص. على شاشته تطبيق حجز اسمه «صالون لمسة» فيه صف أيام الأسبوع بأرقامها.
- من 1.5 إلى 3 ث: دائرة لمس تضغط على «الخميس 12» فيتلون اليوم، وتطلع تحته مربعات أوقات تنزل وحدة وحدة: «3:00 م»، «4:30 م»، «6:00 م».
- من 3 إلى 4.5 ث: اللمسة تختار «4:30 م»، وبعدها تضغط زر عريض تحت «تأكيد الحجز».
- من 4.5 إلى 6 ث: كروت تطير من الجوال وتطفو حوله: كرت أخضر «تم الحجز» بعلامة صح وتحته «الخميس 4:30 م»، وكرت ثاني فيه رسمة جرس «نذكّرك قبل ساعة».

الستايل:
- الجوال بحواف معدنية رفيعة وظل ناعم طويل، والشاشة بواجهة فاتحة نظيفة وزوايا دائرية.
- اللون الأساسي بالتطبيق بنفسجي، والكروت الطايرة بيض بظل ناعم وتتمايل ببطء.
- دائرة اللمس شبه شفافة وتنبض مرة عند كل ضغطة، والأزرار تنضغط لتحت شوي.
- الخط عربي حديث مثل Tajawal، والأرقام إنقليزية.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل لوحة أرقام داكنة: رقم كبير ورسم بياني وملاحظة وحدة.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: خلفية كحلي غامقة جداً بشبكة خفيفة. فوق يمين عنوان صغير «عملاء متجرك»، وتحته رقم كبير جداً يبدأ «0» وجنبه كلمة «عميل».
- من 1 إلى 4 ث: الرقم يعد بسرعة تتباطأ لين يوقف على «1,000». بنفس الوقت تحته رسم بياني خطي يرسم نفسه من اليسار لليمين شهر شهر من يناير لين ديسمبر، والخط يطلع لفوق، وتحته مساحة متدرجة خفيفة.
- من 4 إلى 5 ث: عند شهر مارس الخط يقفز قفزة واضحة، وتطلع عنده نقطة تنبض وملاحظة صغيرة بخط رفيع: «عرض رمضان».
- من 5 إلى 6 ث: تحت الرقم يطلع سطر صغير أخضر «أول سنة»، والنقطة الأخيرة بآخر الخط تنبض.

الستايل:
- مثل لوحات الشركات المالية: خلفية غامقة، والرقم أبيض عريض جداً بخط Inter، والأرقام إنقليزية.
- الخط البياني أخضر فاتح لامع بوهج خفيف، والمساحة تحته متدرجة من الأخضر للشفاف.
- الرسم البياني يرسم نفسه من اليسار لليمين عشان الخط يبان طالع.
- أسماء الشهور مختصرة وصغيرة تحت المحور بلون رمادي، والكلام العربي بخط IBM Plex Sans Arabic.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل شرح واجهة موقع، كأنه فيديو تعليمي فيه ماوس يضغط.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- طول المشهد: نافذة متصفح كبيرة بالنص، فوقها شريط عنوان رمادي فيه ثلاث دوائر صغيرة، وداخلها صفحة منتج من متجر اسمه «متجر نسيج»: رسمة هودي كحلي كبيرة على اليمين، والاسم والسعر «12.500 د.ك» على اليسار.
- من 0 إلى 2 ث: الماوس يدخل ويضغط على مقاس «M» من أزرار «S M L XL»، فيتلون الزر، وتطلع شارة دائرية مرقمة «1» جنبه مكتوب عندها «المقاس».
- من 2 إلى 3.5 ث: الماوس يضغط زر «أضف للسلة»، فيطير الهودي صغير لأيقونة السلة فوق، ورقم السلة يصير «1» وينط. تطلع شارة «2» عندها «السلة».
- من 3.5 إلى 5 ث: نافذة دفع تطلع من تحت فيها المجموع، والماوس يضغط زر «ادفع الحين». تطلع شارة «3» عندها «الدفع».
- من 5 إلى 6 ث: النافذة تتحول لكرت أخضر «تم الطلب» بعلامة صح، والكاميرا ترجع شوي.

الستايل:
- الواجهة فاتحة ونظيفة مثل المتاجر الحديثة، والأزرار بزوايا دائرية واللون الأساسي كحلي.
- الماوس سهم أسود بحافة بيضا، ومع كل ضغطة دائرة تنتشر وتختفي.
- الشارات المرقمة دوائر زرقا بأرقام بيض، وتبقى ظاهرة بعد ما تطلع.
- الكاميرا تقرّب على مكان الضغطة وترجع بنعومة، والخط عربي حديث مثل Tajawal.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل أوراق على المكتب، كأن أحد يراجع تقرير شغله بالقلم الأحمر.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1.5 ث: سطح مكتب عليه قصاصة خضرا للقص بخطوط شبكة ومسطرة أرقام على الحواف. ورقة بيضا تنزل وتنلصق بشريط لاصق شفاف، ومكتوب فوقها «تقرير مبيعات الشهر».
- من 1.5 إلى 3 ث: على الورقة رسم أعمدة لأربعة أسابيع «أسبوع 1» لين «أسبوع 4» يطلع عمود عمود، والأسبوع الثالث أطولهم بوضوح.
- من 3 إلى 4.5 ث: قلم أحمر يدخل ويرسم دائرة بخط يد حول عمود الأسبوع الثالث، ويكتب جنبها «أحسن أسبوع!».
- من 4.5 إلى 6 ث: فاتورة صغيرة طويلة بحواف مقصوصة تنزلق من الجنب فوق الورقة، فيها «فاتورة رقم 1042» وسطور أصناف ومجموع، وورقة صفرا لاصقة تنلصق على الزاوية مكتوب عليها بخط يد «زيدوا الكمية».

الستايل:
- لقطة من فوق بزاوية خفيفة، والورق بملمس حقيقي وظلال ناعمة، والكاميرا تقرّب ببطء.
- الأعمدة رمادي غامق، والقلم الأحمر خطه غير منتظم مثل خط اليد الحقيقي ويرسم نفسه.
- عنوان التقرير بخط عريض، والكتابة بخط اليد بخط Reem Kufi Fun أو خط يد عربي واضح.
- الفاتورة ورق حراري أبيض بخط مونو صغير، والأرقام إنقليزية.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

سو لي أنيميشن بستايل خط زمني حديث، يحكي قصة مشروع من بدايته.

القصة، 6 ثوانٍ ثم تعيد من البداية، بلا قطع:
- من 0 إلى 1 ث: خلفية فاتحة نظيفة بنقاط خفيفة. فوق يطلع عنوان «حلويات أم سالم» وتحته «قصتنا»، وخط عمودي أزرق يبدأ ينرسم بالنص من فوق لتحت.
- من 1 إلى 5 ث: الخط ينزل، وكل ما يوصل نقطة تطلع سنة كبيرة وكرت جنبها، والكروت يتبدلون يمين ويسار:
  - «2019» «بدينا من مطبخ البيت» برسمة بيت صغير.
  - «2021» «أول محل» برسمة محل بمظلة.
  - «2023» «الفرع الثاني» برسمة محلين.
  - «2025» «متجر أونلاين» برسمة جوال فيه سلة.
- من 5 إلى 6 ث: آخر كرت يكبر شوي ويصير أزرق، ويطلع تحت الخط سطر «والقصة مكملة».

الستايل:
- مثل عروض الشركات الحديثة: خلفية أوف وايت، وخط أزرق، وكروت بيض بزوايا دائرية وظل ناعم.
- السنين بخط Inter عريض كبير وأرقام إنقليزية، والكلام بخط عربي حديث مثل Tajawal.
- الرسومات أيقونات خطية بسيطة بلون أزرق.
- الكاميرا تنزل مع الخط بنعومة عشان الكرت الجديد يبقى بالنص.

التنفيذ:
- ملف HTML واحد يفتح بالمتصفح، وكل الرسم بالكود بدون صور خارجية.
- المقاس 1080×1920 طولي، ويصغر بـCSS ليناسب النافذة وهو في الوسط.
- كل إطار يُحسب من الوقت فقط: دالة window.seek(t) ترسم اللحظة t بالثواني فوراً. بدون Math.random (استخدم مولداً ببذرة ثابتة)، وبدون timers أو CSS transitions، ولا حالة تتراكم بين الإطارات.
- التشغيل: requestAnimationFrame ينادي seek بالوقت باقي القسمة على 6. وإذا كان في الرابط ?render لا يشتغل لحاله.
- أي نص عربي بخط من Google Fonts، انتظر تحميله بـdocument.fonts.ready قبل الرسم، واكتب الكلمة كاملة لتبقى حروفها متصلة.
- كل الأرقام بالأرقام الإنقليزية 0123456789، مو الأرقام العربية المشرقية.
- العناصر كبيرة وواضحة، لأن الفيديو يُشاهد على شاشة جوال.

عندي ملف HTML فيه أنيميشن ودالة window.seek(t). صدّره فيديو MP4 بدقة 1080×1920 و30 إطاراً في الثانية ومدته 6 ثوانٍ: افتح الملف بمتصفح بدون واجهة عبر Puppeteer وأضف ?render للرابط، وعلى كل إطار نادِ seek ثم خذ لقطة شاشة، واجمع اللقطات بـ FFmpeg.