هنا تشوف الحركة تشتغل فعلاً، والصور المولّدة تلقائياً بالكود — عدة أمثلة لكل محور (السياق، آخر إطلاق، قطاع المستلِم، الموسم) — ولوحة تفاعلية تبدّل الإعدادات وتشوف التوقيع يتولّد لحظياً. كل صورة هنا يولّدها نفس المنطق الذي سيعمل على الخادم.
الحركة: الووردمارك يُرسم يميناً←يساراً · خط لافندر يكنس تحته · ضوء يمرّ على «والعظيم» · ثلاثة أعمدة تستغل عرض البريد، وتنطبق فوق بعض على الجوال
1
الحركة الحيّة
في الإيميل الحقيقي الحركة تكون GIF (يصمد في Gmail و Apple Mail؛ Outlook يعرض أول فريم). هنا أعرضها بحركة CSS سلسة لتشوف الإحساس النهائي قبل تحويلها GIF.
الحركة: ضوء لافندر يمرّ على كلمة «والعظيم» · 3.4s · يطابق وعد آزر
2
الصور المولّدة تلقائياً — عدة أمثلة لكل محور
كل صورة أدناه يولّدها الكود (SVG) من باراميتر في الرابط — تماماً كما سيفعل الـWorker. شريط العنوان فوق كل صورة يريك الرابط الذي أنتجها. أربعة محاور، عدة أمثلة لكل واحد.
3
اللوحة التفاعلية — ولّدها بنفسك
بدّل أي إعداد وشوف التوقيع يُعاد توليده لحظياً، مع الرابط الذي يقابله. هذا قلب نظام العائلة 7.