تخطَّ إلى المحتوى الرئيسي

نظام التصميم العام

ألوان العلامة

البنفسجي (السلطة)، البرتقالي (العاجل)، خلفية محايدة — لوحة منضبطة.

مكتمل

مرتكزان ولوحة واحدة. البنفسجي للسلطة والبنية التحريرية. البرتقالي للفعل والعاجل والإشارة الحيّة. كل ما سواهما خلفية محايدة — لا لون ثالث للعلامة.

مرجع التوكنات

--primary · rgb(91 42 117)
البنفسجي للعلامة. سلطة تحريرية، إطار بنيوي، عناصر التنقّل، نقاط رسم الكيانات، شارات أولية. لا تستخدمه أبداً لنداءات حسّاسة للوقت.
--brand-orange · rgb(253 81 1)
الإشارة الحيّة، العاجل، أزرار التقديم، شارات "تغلق قريباً"، نقطة الـ eyebrow البرتقالية في الـ hero. محجوز — لا تستخدمه للزينة.
--background · rgb(253 251 248)
خلفية بيضاء دافئة — ليست بيضاء صافية. تثبّت إحساس "ورقة التحرير" للمنصة.
--card / --muted / --border
سطح الكرت، خلفية محايدة، خط فاصل. مضبوطة عبر نظام التوكنات؛ لا تتجاوزها لكل صفحة.
--badge-verified · أخضر
التوثيق و"مفتوحة" فقط. ليس لوناً ثالثاً للعلامة — بل إشارة حالة بدلالات صارمة.

متى تستخدم أي لون

استخدم البنفسجي

  • نقاط الـ eyebrow في رؤوس الأقسام.
  • شارات اسم الموديول على كروت العلاقات.
  • خطوط تحت عناوين الأقسام.
  • حالة القائمة النشطة.
  • روابط مسار التنقّل التحريرية.

استخدم البرتقالي

  • نقطة eyebrow الـ hero (هوية الصفحة).
  • أزرار التقديم / الإرسال / الاشتراك.
  • شارات Live و Closing Soon.
  • أسهم CTA على كروت العلاقات.
  • علامات خطوات القوائم المرقّمة.