معظم ما يُسمّى «أنظمة تصميم» هو ملف فيغما بألوان مسمّاة ومكتبة مكوّنات تتجاهلها. وتظهر الفجوة بعد ستة أشهر، حين تعني إعادة الهوية البحث عن #7E0F13 في مئتَي ملف.
قِس ولا تُقدّر
ابدأ بجعل الرموز صحيحة. أُخذت ألوان الهوية في هذا الموقع من الشعار بدقة البكسل لا بالتقدير البصري: العنابي هو #7E0F13 مأخوذ من مربع نقي 216×216 من العلامة، ولون الاسم #201E1D.
ولهذه الدقة أثر يغفل عنه كثيرون: كلا اللونين مائل إلى الدفء، لذا يجب أن يكون تدرّج الرمادي دافئًا أيضًا. فالرمادي البارد إلى جانب شعار دافئ يُقرأ كتنافر حتى لدى من لا يستطيع تفسير السبب.
مصدر واحد وأدوات مُولّدة
يأخذ Tailwind v4 الرموز من كتلة @theme في CSS ويولّد منها الأدوات، فيصبح --color-brand-700 هو bg-brand-700 تلقائيًا. فلا يوجد ملف إعدادات جافاسكربت ثانٍ ينحرف عن الأول، وأي مكوّن يريد لون الهوية يجد طريقة مسمّاة لطلبه أقصر من كتابة القيمة اللونية.
اجعل المسار الصحيح هو المسار الأسهل، تفرض القاعدة نفسها.
التباين جزء من الرمز
سجّل نسبة التباين المقيسة بجانب كل لون محايد: نص المتن عند 8.7:1، والنص الخافت عند 5.4:1. عندها يتوقف سؤال «هل هذا متاح للجميع» عن كونه اجتهادًا وقت المراجعة، ويصير خاصية في الرمز الذي اخترته أصلًا.
بعض الرموز يجب أن تتغيّر بحسب اللغة
هذا هو الجزء الذي لا يفكّر فيه نظام تصميم بلغة واحدة أبدًا. وأوضح مثال تباعد الحروف: فقيمة تباعد إيجابية صغيرة على نص لاتيني بأحرف كبيرة تبدو مقصودة، والقيمة نفسها على العربية تكسر وصل الحروف. وهذا ليس تفضيلًا جماليًا بل خللًا في العرض.
لذلك فتباعد الحروف رمز تُصفَّر قيمته في اللغة العربية، والأداة التي تطبّقه تقرأ الرمز لا قيمة مكتوبة مباشرة. وارتفاع السطر مثله: العربية تحتاج ارتفاعًا أكبر بالحجم نفسه لتبقى مريحة، ويحمل مقياس الخطوط ذلك بدل أن يكتشفه كل مكوّن بنفسه.
الخصائص المنطقية، أو يعمل النظام باتجاه واحد
خاصية padding-left خلل في منتج ثنائي اللغة. فكل رمز للمسافات والحدود والمواضع يجب أن يُعبَّر عنه منطقيًا — بداية السطر ونهايته لا اليسار واليمين — ليصبح الاتجاه خاصية على المستند لا ملف أنماط ثانيًا.
وينطبق الأمر على كل ما فيه اتجاه مضمّن: السهم في زر «التالي» يُعكس، وزر التشغيل لا يُعكس، والشعار لا يُعكس أبدًا. وهذه قرارات تنتمي إلى المكوّن وتُسجّل مرة واحدة، بدل إعادة اتخاذها في كل شاشة ومن كل شخص.
الرمز الذي لا يجده أحد ليس رمزًا
التبنّي هو المقصد كله، وهو مشكلة توثيق بقدر ما هو مشكلة هندسة. فإن كان على المطوّر قراءة ملف السمة ليكتشف وجود لون نص خافت، فسيلجأ إلى أقرب بديل يعرفه أصلًا.
ولهذا فالتسمية أهم من اللوحة نفسها: فالرموز المسمّاة بحسب وظيفتها — ink-500 للنص الثانوي، وpaper لسطح مرتفع — تُستخدم استخدامًا صحيحًا، أما المسمّاة بحسب شكلها فتُستخدم في كل موضع يناسب شكلها.
بيّن ما لا يصلح له الرمز
أنفع سطر في ملف الرموز لدينا هو قيد: العنابي لون تمييز على الأبيض، لا يكون خلفية واسعة خلف نص المتن ولا يُستخدم في تدرّج لوني أبدًا. فنظام رموز يقول ما الأشياء فقط سيسمح لأحدهم ببناء شيء خارج الهوية من ألوان داخل الهوية تمامًا.