صمّم أسرع. طوّر بذكاء. واجهة موحدة.

نظام تصميم موحّد لبناء تجربة حكومية رقمية سهلة الاستخدام، متناسقة وشاملة للجميع.

أبدأ الآن

رأس الصفحة

شريط تنقل مرن وسريع الاستجابة لهيكلة موقع سريعة ومتسقة.

مسار التنقل

أدوات تنقل خفيفة الوزن تعزز الوضوح عبر الصفحات متعددة المستويات.

الشريط الثابت

شريط إجراءات ثابت يبقى مرئيًا للحفاظ على عناصر التحكم الرئيسية في متناول اليد دائمًا.

تذييل الصفحة

تذييل منظم يوفر روابط ومعلومات أساسية بتصميم متناسق.

اللافتات

مكون بانر مرن للمحتوى المميز.

محتوى

كتل محتوى منظمة مصممة لتقديم معلومات واضحة وسهلة القراءة ويمكن الوصول إليها.

بطاقات

مكونات بطاقات معيارية تعرض المعلومات بوضوح واتساق.

الفلاتر

أدوات تصفية فعالة تنظم مجموعات البيانات الكبيرة في نتائج واضحة وسهلة الإدارة.

الأسئلة الشائعة

أنماط الأسئلة الشائعة القابلة للتوسيع التي تساعد المستخدمين في العثور على الإجابات بسرعة وبأقل جهد.

عرض الوسائط المتعددة

شريط وسائط محسّن يعزز سرد القصص عبر جميع الأجهزة.

معرض

شبكات صور مرنة مصممة لتنظيم الصور بكفاءة عبر الصفحات.

ترقيم الصفحات

أدوات تصفح بسيطة وسهلة الاستخدام تعمل على تحسين كفاءة التصفح.

الجداول

مكونات الجداول المنظمة لتنظيم البيانات بشكل واضح وفعال.

الشارات

مكونات الشارات المدمجة المستخدمة لتسليط الضوء على الحالة والفئات والمؤشرات الرئيسية.

مؤشر الخطوات

أنماط متسقة متعددة الخطوات تساعد المستخدمين على تتبع التقدم بثقة.

Sharjah Design System screens

المزايا

لغة تصميم موحدة

لغة بصرية وتفاعلية موحدة تعزز الاتساق بين جميع الخدمات الرقمية لحكومة الشارقة، وتوفر تجربة رقمية متكاملة وموثوقة تعكس الهوية الحكومية للإمارة.

اكتشف الإرشادات

اتساق في كل تجربة

تعتمد جميع الواجهات على رموز تصميم وأنماط وتخطيطات موحدة لضمان تجربة متسقة وواضحة عبر مختلف المنصات الحكومية.

متوافق مع معايير حكومة الشارقة

هوية بصرية موحّدة تلتزم بإرشادات المحتوى ومتطلبات سهولة الوصول، بما يضمن جودة واتساق الخدمات الرقمية.

بنية قابلة للتوسع وسهلة الصيانة

مبنية على مبادئ ومعايير موحّدة، تمكّن الفرق من تطوير الأنظمة وتحديثها بكفاءة مع الحفاظ على الجودة والاتساق.

لماذا نظام الشارقة للتصميم؟

مصمّم للجهات الحكومية،
ومهيّأ للتطوير والتوسّع.

تتطلب الخدمات الرقمية الحكومية مستويات عالية من الموثوقية والوضوح والشمولية. ويساعد نظام الشارقة للتصميم على بناء مواقع رقمية تحقق هذه المتطلبات مع المحافظة على المرونة للتطوير المستقبلي.

اكتشف الإرشادات

مبني على معايير عالمية موثوقة

بدلاً من البدء من الصفر، يعتمد النظام على أطر عمل مفتوحة المصدر ومعتمدة عالميًا، مما يسرّع التنفيذ ويضمن تطبيق أفضل الممارسات.

أساسنا:

  • Tailwind CSS
  • مكتبة مكونات Flowbite

مرجع موحّد للتصميم الرقمي

توفر رموز التصميم والأنماط والتخطيطات الموحدة مرجعاً متكاملاً يضمن اتساق جميع الواجهات الرقمية الحكومية وسهولة استخدامها.

النتائج الرئيسية:

  • تجربة مستخدم متسقة عبر جميع المنصات
  • تسريع عمليات التصميم والتطوير.
  • تقليل تكرار العمل والجهد التقني.
  • دعم مدمج لإمكانية الوصول والاتجاه من اليمين إلى اليسار (RTL).

كل ما تحتاجه للتصميم والتطوير

يغطي نظام تصميم الشارقة جميع مراحل العمل، بدءًا من التصميم وصولاً إلى التطوير والتنفيذ.

  • عناصر الهوية البصرية
  • رموز التصميم
  • دليل مكونات واجهة المستخدم
  • التخطيط والأنماط
  • إرشادات إمكانية الوصول
  • دعم اللغة العربية والاتجاه من اليمين إلى اليسار (RTL)

دليل واجهة المستخدم

مكونات مرنة تناسب مختلف الاستخدامات

سواء كنت تصمّم شاشة واحدة أو منصة رقمية متكاملة، يوفر النظام مكونات مرنة وأنماطًا قابلة لإعادة الاستخدام تدعم التوسع، والتخصيص، والتطوير المستمر.

اكتشف المكونات
Collage of Sharjah Design System UI components

احصائيات وارقام

مصمم لفرق التصميم والتطوير

لغة بصرية وتفاعلية موحّدة تعزّز الاتساق في جميع الخدمات الرقمية لحكومة الشارقة.
ما يضمن تجربة موحّدة وموثوقة ويمكن التعرف عليها من خلال مظهر حكومي موحد.

قم بتنزيل مجموعة واجهة المستخدم الخاصة بنا

75+

عنصراً لواجهة المستخدم

30+

قالباً قابل لإعادة الاستخدام

5+

مواقع إلكترونية منفّذة

2

لغتان مدعومتان