EN

متحرك

الحركة هي التصميم

صفحات تتحرك مع التمرير: عناوين تصعد كلمة كلمة، أشرطة نصية تجري، صور بعمق متحرك، وأرقام تعدّ أمامك. الحركة هنا جزء من الهوية لا زينة.

١٢ تصميمًا

ما يميّز هذا الصنف

الخطوط
خط عرض ضخم جدًا للعنوان الرئيسي (حتى 10vw)، يقسم إلى كلمات تظهر بالتتابع، وخط بلا تذييل للنص.
الألوان
تباين قوي: خلفية داكنة أو فاتحة جدًا مع لون مميز ناري واحد، وتدرجات متحركة في الخلفية عند الحاجة.
التخطيط
أقسام بعرض كامل، أشرطة نصية متحركة بين الأقسام، شرائط أفقية للصور، أرقام ضخمة.
الأشكال
زوايا دائرية متوسطة، أزرار مغناطيسية تتبع المؤشر، دوائر نصية دوّارة.
الصور
صور كبيرة بحركة عمق (parallax) وتكبير بطيء، أو أشكال متدرجة متحولة.
الحركة
غني ومدروس: تتابع 60–90ms بين العناصر، منحنى ease-out قوي، وكل شيء يتوقف مع prefers-reduced-motion.
التفاصيل
عدّادات أرقام، شريط تقدم التمرير، مؤشر مخصص، نص يتلوّن عند المرور.
تجنّب
الحركة بلا هدف، التحريك المستمر الذي يشتت القراءة، تجاهل تفضيل تقليل الحركة.