الرموز الدلالية والرموز الأساسية
الرمز الدلالي رمز تصميم يُسمّى حسب الوظيفة التي يؤديها لا حسب القيمة التي يحملها، مثل --color-text-danger بدل --color-red-600. وهو يشير عادة إلى رمز أساسي، ما يتيح تغيير القيمة الكامنة دون إعادة تسمية أي شيء يستخدمه.
الطبقتان
معظم أنظمة الرموز الناضجة تتكوّن من طبقتين على الأقل.
الرموز الأساسية (وتسمى أيضًا الخام أو العامة أو النواة) تحمل القيم الفعلية، وتُسمّى تسمية وصفية:
--red-600: #DC2626;
--blue-500: #2563EB;
--space-4: 16px;الرموز الدلالية تحمل قرارات حول موضع استخدام تلك القيم، وتُسمّى حسب الدور:
--color-text-danger: var(--red-600);
--color-action-primary: var(--blue-500);
--space-card-padding: var(--space-4);المكوّنات تشير إلى الطبقة الدلالية. ولا ينبغي تقريبًا لأي شيء أن يشير إلى رمز أساسي مباشرة.
لماذا تستحق هذه الوساطة عناءها
إعادة العلامة التجارية تكفّ عن كونها إعادة كتابة. غيّر ما يشير إليه --color-action-primary فتتبعه كل الأزرار. ولو كانت المكوّنات تشير إلى --blue-500 لاضطررت إلى تعديل كل مكوّن، ولانكسر ما استخدم الأزرق لسبب لا علاقة له بالإجراءات.
السمات تصبح ممكنة. الوضع الداكن هو الأسماء الدلالية نفسها تشير إلى رموز أساسية أخرى. وبلا الطبقة الدلالية لا يوجد ما يُعاد توجيهه.
الشيفرة تقول ما تعنيه. --color-text-danger يخبر القارئ لماذا القيمة هناك. أما --red-600 فلا يخبره بشيء، وهو ما يثقل خصوصًا حين يحتاج أحدهم أن يقرر إن كان تغييرها آمنًا.
الخطأ المعتاد
تتخطى الفرق الطبقة الدلالية لأنها في اليوم الأول تبدو بيروقراطية، حين تكون الألوان أحد عشر ويتذكر الجميع الغرض من كل منها.
تظهر الكلفة عند أول إعادة علامة، أو أول وضع داكن، أو أول مراجعة لإتاحة الوصول، وتكون الرموز الأساسية عندئذٍ مشار إليها في مئات المواضع. وإضافة طبقة دلالية لاحقًا عمل آلي لكنه ممل، ولا أحد يجدوله.
طبقة ثالثة
تضيف الأنظمة الأكبر رموزًا على مستوى المكوّن: --button-primary-background يشير إلى --color-action-primary الذي يشير إلى --blue-500.
يفيد ذلك حين يحتاج مكوّن فعلًا إلى الاختلاف، ويكلّف وساطة حين لا يحتاج. طبقتان هما الإعداد الافتراضي الصحيح؛ أضف الثالثة حين تظهر حالة حقيقية، لا استباقًا.
أين يقع Flash DSM من هذا
الأنظمة المولَّدة تأتي والطبقتان جاهزتان فيها: سلالم أساسية، وأدوار دلالية للنص والخلفية والحد والحالات تشير إليها، في الوضعين الفاتح والداكن.