AUTOBARQ / أوتوبرق
الملفات
اتجاه 02: استكشف التفاعلات الجديدة ومصادر الإلهام ←
AUTOBARQ / PRODUCT IDENTITY / DIRECTION 02

لغة واحدة.
من الرمز إلى كل تفاعل.

مرجع تطبيقي يجمع الشعار والألوان والخطوط والمكوّنات والحركة. نفس القواعد المستخدمة في الموقع ولوحة التحكم أمامك.

02 / COLOR

لكل لون وظيفة.

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

اضغط لونًا لنسخ قيمته.

الألوان اللامعة تظهر في العلامة والرسوم. النصوص الأساسية تستخدم لونًا واضحًا على خلفية متباينة؛ لا تستخدم الذهبي أو السماوي كنص صغير على الأبيض.
03 / TYPOGRAPHY

وضوح عربي، وإيقاع ثابت.

Tajawal للواجهة بوزني Regular وBold. الاسم داخل الشعار مرسوم كمسارات متجهية ويحافظ على شكله دون تثبيت خط.

Tajawal · العربية واللاتينية

اربط. أتمت. انطلق.

Connect. Automate. Move.

الوزن العادي للنصوص، والعريض للعناوين والأفعال. الخط محلي ومرفق مع رخصة OFL.

عنوان رئيسي32–66 px
عنوان قسم23–40 px
نص يشرح الخطوة التالية16–20 px
وصف مساعد واضح13–15 px
04 / COMPONENTS

مكوّنات يمكن استخدامها.

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

الأفعال

الزر المعطّل يوقف التفاعل. الحالة الأساسية تبقى واضحة حتى دون تأثير المرور.

جاهز لحفظ تغيير تجريبي.

الحقول والتحقق

حالات العملية

جارٍ التحقق من بيانات المثال…
اكتملت الخطوة، ويمكن المتابعة.
بيانات ناقصة. راجع الحقل ثم أعد المحاولة.

الأيقونة والنص يشرحان الحالة، فلا يعتمد المعنى على اللون وحده.

بطاقة وحالة فارغة

فكرتك التالية تبدأ هنا.

أنشئ مسارًا لتظهر خطواته ونتائجه.

ابدأ مسارًا
05 / ICONOGRAPHY

رموز خفيفة، ومعانٍ واضحة.

شبكة 24 × 24، سماكة 1.7، نهايات مستديرة. الرمز يرافق النص؛ أما الإجراءات التي تظهر كأيقونة فقط فلها اسم واضح لقارئ الشاشة.

06 / MOTION

الحركة تقول ما الذي يحدث.

لا يتحرّك كل شيء طوال الوقت. ظهور الشعار يعرّف بالهوية، والنبضة تشير إلى تفاعل، والانتقال القصير يربط الحالة بما يليها.

2.8 s

ظهور الهوية

Connect → Draw → Pulse → Strike → Reveal، ثم استقرار وحركة خافتة بدورة 6 ثوانٍ.

150–220 ms

تفاعلات الواجهة

المرور والضغط وتبديل الصفحة. ترتبط الانتقالات بإجراء واضح، وتتوقف عند تفعيل تقليل الحركة.

600 ms

نبضة قصيرة

تفاعل الشعار عند المرور أو اللمس أو لوحة المفاتيح. الحروف والنسب تبقى في مواضعها.

افتح استوديو الحركة شاهد الفيديو
07 / HANDOFF

الملفات، والقواعد، ومكان البداية.

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

حزمة الشعار V4SVG / PNG / ICO · النسخ العشر
حزمة الحركةHTML / CSS / SVG / MP4
دليل الهوية المرجعيPDF · مبني على المرجع المصوّر المعتمد
دليل تطبيق الهوية - النسخة السابقةPDF · يوثّق اتجاه 01؛ التحديث التفاعلي في المختبر
متغيّرات التصميمJSON · الألوان والمسافات والحركة
أنماط الواجهة المشتركةCSS · مظهران ومكوّنات أساسية
مكتبة الأيقوناتSVG symbols · شبكة 24 × 24
رخصة خط الواجهةTajawal · SIL Open Font License

ما تم تنفيذه

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

ما يتبقى للإطلاق الفعلي

ربط الخدمات والمصادقة والخادم والجدولة الحقيقية. الاعتماد البصري النهائي لإعادة البناء V4 منفصل عن اكتمال الملفات؛ ولم يُنجز بحث حقوق اسم العلامة أو رمزها.