01 — Introduction
مقدمة
هذا الدليل يوثّق الهوية البصرية لـ ابتكرجو — شعارات عربية وإنجليزية، نسخ أحادية اللون، وأيقونات للتطبيق والمتصفح ووسائل التواصل.
- الشعار الكامل: للموقع، المطبوعات، والعروض — عربي أو إنجليزي حسب لغة الواجهة.
- النسخة البيضاء (monochrome): للخلفيات الداكنة فقط.
- الهوامش: مساحة حول الشعار = حجم الأيقونة (وحدة واحدة من كل جهة).
- الأيقونات: نفس الرمز في التطبيق والمتصفح — 65% داخل الإطار.
02 — Logo
الشعارات
النسخة الملونة — خلفية فاتحة
الاستخدام الافتراضي على الموقع والمواد ذات الخلفية البيضاء أو الرمادية الفاتحة.
النسخة البيضاء — خلفية داكنة
ملفات *-monochrome.svg: عناصر بيضاء بالكامل. لا تُستخدم على خلفية بيضاء.
03 — Clear Space
الهوامش والمساحة الآمنة
المساحة المحيطة بالشعار = حجم الأيقونة نفسها (وحدة واحدة من Logo icon only.svg). تتكرّر الأيقونة شبحاً في الخلايا المحيطة لتوضيح الهامش — كما في أدلة العلامات العالمية. تنطبق على العربي والإنجليزي وأي لغة.
الشعار العربي
الوسط: الشعار · المحيط: مساحة = حجم الأيقونة
English Logo
الوسط: الشعار · المحيط: مساحة = حجم الأيقونة
القاعدة باختصار
- خذ ارتفاع الأيقونة المعزولة — هذا هو H.
- اترك فراغاً حول الشعار الكامل بمقدار H من كل جهة.
- لا يدخل هذا الفراغ أي نص، صورة، أو شعار آخر.
- في CSS:
padding: var(--unit-icon)حول الشعار.
04 — Icons
الأيقونات
قاعدة الـ 65%
داخل أي إطار دائري أو مربع (تطبيق، favicon، بروفايل)، يشغّل الرمز من Logo icon only.svg 65% من المساحة، مع 17.5% هامشاً من كل جانب.
- رمز العلامة: 65% × 65%
- هامش: 17.5% من كل جانب
- مثال 512px: الرمز ≈ 333px، الهامش ≈ 89px
- نفس النسبة عند تصدير 16px و 512px لاتساق المظهر
أيقونات المنصات
نفس الرمز — معالجات مختلفة حسب الاستخدام:
تطبيق الجوال
378×378 — خلفية داكنة
صورة البروفايل
378×378 — خلفية بيضاء
تبويب المتصفح (Favicon)
100×100 — Chrome وغيره
وضع داكن (تبويب)
أيقونات وسائل التواصل
علامة مضغوطة (~65px) — للملف الشخصي والروابط الصغيرة:
Instagram
Facebook
X
LinkedIn
YouTube
Telegram
WhatsApp
05 — Typography
الخطوط
يُستخدم لاسم ابتكرجو في المواد النصية والعناوين. لا يُستبدل بخط آخر في اسم العلامة.
ابتكرجو
IBTKRGO
عربي
ابتكرجو من هنا ينطلق المبتكرون
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي
English
IBTKRGO Innovators launch from here
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
أرقام وعلامات
0123456789 !@#$%&*()
أوزان
Light · Regular · Medium
للفقرات، الأزرار، التواصل، والشعار النصي المصاحب للشعار الرئيسي.
من هنا ينطلق المبتكرون
عربي
أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن ه و ي ء ؤ ئ ى ة
ابتكرجو — نص تجريبي للقراءة والواجهة
English
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z a b c d e f g h i j k l m n o p q r s t u v w x y z
Innovators launch from here — UI body text
أرقام وعلامات
0123456789 !@#$%&*()
أوزان
Light · Regular · Medium · Bold · Black
ابتكرجو منصة للمبتكرين. Tajawal يضمن وضوحاً عالياً في الشاشات والمواد التسويقية.
06 — Color
الألوان
أزرق العلامة
الأيقونات والشعار
أزرق داكن
حالات التفاعل والتدرجات
حبر
خلفية التطبيق والنصوص الداكنة
أبيض
خلفية البروفايل والواجهة
نص أبيض على الأزرق الرسمي — للأزرار والأقسام المميزة.
07 — Usage
ما يُمنع
❌ تغيير ألوان الشعار
✓ استخدم الملفات الرسمية فقط (ملون / monochrome).
❌ تشويه الأبعاد
✓ حافظ على نسبة العرض إلى الارتفاع.
❌ الشعار الأبيض على خلفية فاتحة
✓ على الأبيض: النسخة الملونة. على الداكن: monochrome.
❌ رمز أكبر من 65% داخل أيقونة التطبيق
✓ اترك 17.5% هامشاً — وإلا يبدو مزدحماً عند 16×16.
08 — Download
تحميل الملفات
الحزمة الكاملة (Brand Kit)
حمل جميع الشعارات، الأيقونات، والخطوط بصيغتي SVG و PNG في ملف واحد.
