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