Leonardo

بدلاً من اختيار أكواد Hex يدوياً، يحدد المستخدمون نسب التباين المستهدفة مقابل الخلفية. يقوم ليوناردو تلقائياً بحساب قيم الألوان اللازمة للوصول إلى أهداف WCAG المحددة. هذا يلغي التخمين في الامتثال لمعايير الوصول، ويضمن بقاء النص وعناصر واجهة المستخدم قابلة للقراءة عبر جميع الظلال المولدة، بغض النظر عن تدرج اللون الأساسي أو سطوعه.

يستخدم ليوناردو مساحات ألوان متقدمة لضمان أن تكون مقاييس الألوان موحدة إدراكياً. وهذا يعني أن الفرق الملحوظ بين الخطوات في المقياس ثابت للعين البشرية، مما يمنع تأثير 'التدرج اللوني' (banding) الموجود غالباً في تدرجات RGB الخطية. هذا أمر بالغ الأهمية لتصور البيانات، حيث يجب أن تمثل خطوات الألوان قيم البيانات بدقة دون تحيز بصري.

تتيح الأداة إنشاء سمات تكيفية يمكن تعديلها في الوقت الفعلي. باستخدام وحدة npm المرتبطة، يمكن للمطورين السماح للمستخدمين النهائيين بتعديل التباين والسطوع والتشبع لواجهة المستخدم بالكامل. يوفر هذا مستوى عالٍ من الشمولية، مما يسمح للمستخدمين ذوي الإعاقات البصرية بتخصيص الواجهة وفقاً لاحتياجاتهم الخاصة دون الحاجة إلى ورقة أنماط 'تباين عالٍ' منفصلة.

يتضمن ليوناردو أدوات مدمجة لتقييم لوحات الألوان مقابل مختلف حالات نقص رؤية الألوان، بما في ذلك عمى الألوان الأحمر (Protanopia)، والأخضر (Deuteranopia)، والأزرق (Tritanopia). يقوم بحساب فرق اللون القابل للقياس بين العينات، مما يسمح للمصممين بالتنقل تلقائياً عبر الألوان للعثور على مجموعات تظل متميزة لجميع المستخدمين، مما يضمن أن تكون تصورات البيانات قابلة للتفسير عالمياً.

يسد ليوناردو الفجوة بين التصميم والتطوير من خلال تصدير السمات كرموز تصميم قياسية (design tokens). تتبع هذه الرموز مواصفات مجموعة عمل W3C، مما يجعلها متوافقة مع أنظمة التصميم الحديثة. يمكن للمطورين استيراد هذه الرموز مباشرة إلى CSS أو خطوط أنابيب البناء الخاصة بهم، مما يضمن الحفاظ على نية التصميم بدقة في كود الإنتاج النهائي.