نظام التصميم العام
ألوان العلامة
البنفسجي (السلطة)، البرتقالي (العاجل)، خلفية محايدة — لوحة منضبطة.
مكتمل
مرتكزان ولوحة واحدة. البنفسجي للسلطة والبنية التحريرية. البرتقالي للفعل والعاجل والإشارة الحيّة. كل ما سواهما خلفية محايدة — لا لون ثالث للعلامة.
مرجع التوكنات
- --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 على كروت العلاقات.
- علامات خطوات القوائم المرقّمة.
