الظهور — Cloud Mist Labs

الظهور.

تسلسل ظهور العلامة — ثلاث حبّات ترتفع من الأسفل في تتابع مدته 1.8 ثانية، ثم تستقر.

stage · 1280×720 · ink ground · paper mark

ارتفاع كل حبّة يستغرق 0.9 ثانية، بفارق 0.2 ثانية. الشعار النصي عند +1.2 ثانية. يستقر التسلسل خلال 1.8 ثانية إجمالًا.

01 · Pill (faint)

delay 0.15s · 0.9s · ease-out

الحبّة العليا تدخل أولًا. من translateY(24px) وopacity 0 إلى الوضع المستقر.

02 · Pill (soft)

delay 0.35s · 0.9s · ease-out

الحبّة الوسطى تتبعها. وهي الأعرض بين الثلاث — تؤدّي معظم العمل البصري.

03 · Pill (full)

delay 0.55s · 0.9s · ease-out

الحبّة السفلى ترسي القاعدة. حبر كامل. تستقر العلامة.

04 · Wordmark

delay 1.2s · 0.6s · ease-out

الشعار النصي يظهر تدريجيًا أسفل العلامة. بلا حركة — طلاء فقط.

متى يُشغَّل الظهور، ومتى لا.

افعل

استخدمه كشاشة افتتاح في أول رسم لسطوح التسويق (الصفحة الرئيسية فقط).
حرّك transform وopacity حصرًا.
احترم prefers-reduced-motion: reduce — اعرض الوضع المستقر فورًا.
اعرض الوضع المستقر النهائي في مسار بلا JavaScript. الحبّات لا تحتاج إلى حركة لتُقرأ.

لا تفعل