الانحراف البصري في لوحات التحكم لا يأتي عادة من تغيير كبير، بل من قيم ألوان ومسافات ومكوّنات لمرة واحدة متناثرة في الشيفرة: تظهر «النجاح» نفسها بثلاث درجات من الأخضر، ويصبح تبديل السمة عملاً في عشرات الملفات.
يبدأ admin-design من الرموز والهياكل، ثم يتحدث عن الصفحات بعد ذلك.
اللون يوصف الغرض لا القيمة
لا يمر اللون إلا عبر أصناف أدوات دلالية: bg-card وtext-muted-foreground وtext-success وborder-destructive. تغيير السمة يغيّر الرموز لا شيفرة العمل.
تعمل اللوحات على طبقتين: ست لوحات جاهزة (teal وblue وforest وviolet وamber وgraphite ومخصّصة) تحدّد الانطباع العام، بينما تضبط الألوان الأساسية (neutral وstone وzinc وغيرها) وألوان السمة بثمانية عشر تدرجاً التفاصيل. ويحفظ الوضعان الفاتح والداكن اختيارات منفصلة.
إمكانية الوصول ليست إضافة: حجم الخط ووزنه والتباين العالي ودعم رؤية الألوان وتقليل الحركة وتسطير الروابط كلها في الإعدادات. تبقى التفضيلات في المتصفح ولا تدخل بيانات العمل.
كل المخططات مرسومة يدوياً بصيغة SVG
الخطوط والأعمدة والحلقات والأعمدة المصغّرة والأعمدة الأفقية والخرائط الحرارية والرادار والقمع وجانت تتشارك المجموعة نفسها من الألوان الدلالية، وتتبع الوضعين الفاتح والداكن، وتحمل role="img" مع aria-label يوضح ما يعرضه المخطط.
ثمن غياب التبعيات هو إدارة الإحداثيات والنسب بنفسك، والمقابل هو التحكم في حجم الحزمة والمراجعات واتساق السمة: لا وجود لنظام ألوان ثانٍ للمخططات.
معرض المكوّنات هو مساحة القبول
تسع فئات من المكوّنات موزّعة على تسع صفحات، ولكل عنصر موضع استخدام حقيقي. تغيير مكوّن يقتضي تحديث مثاله في المعرض أولاً، والميزة الجديدة تُسلَّم كثلاثية: مثال في المعرض وموضع حقيقي واختبار. فلا ينفصل التوثيق عن التنفيذ، ويجد المراجعون مرجعاً واحداً للمقارنة.