نظام الشارات

شارات صغيرة بخط mono CAPS تحمل معنى لكل سطح. كل شارة لها دلالات صارمة — تنقل الحالة، لا الزينة.

صيغ الشارات

.chip-orange · Live · Closing Soon · Sponsored

إشارة حسّاسة للوقت أو تجارية. مقترنة دائماً بلون البرتقالي المرتكز.

.chip-success · Verified · Open

تحقّق تحريري أو حالة تقديم مفتوحة. أخضر.

.chip-primary · Sector · Stage · Topic

شارة تصنيف تحريرية. خلفية بنفسجية فاتحة، نص بنفسجي.

.chip-muted · Closed · Past · Archived

حالة مكتومة. خلفية + لون أمامي محايدان.

.chip-outline · شارات الفلتر · حالة الفلتر

حدّ 1px، خلفية شفافة. لشرائط الفلاتر ومؤشّرات اللغة.

.chip-accent · Featured · Editorial

علامة ترقية تحريرية. لون accent (amber دافئ). محجوزة لسياقات featured / spotlight.

قاعدة الطباعة لكل شارة

متى لا تستخدم شارة

• لأسماء التصنيفات التي هي جزء من هرم المحتوى — استخدم عنواناً أو eyebrow، لا شارة.
• للتأكيد الزخرفي — الشارات تحمل وزناً دلالياً، لا تُهدرها على الجمال البصري.
• للوسوم التي ينشئها المستخدم — تذهب في `.chip-outline` مع وضع "تاج" صريح، لا كشارات حالة.