Brand Typography & Color System
الدليل الشامل للأنماط والخطوط
مرجع واحد يضم منظومة الألوان المعتمدة، التوزيع الكامل للخطوط السبعة، أوزان الاستخدام، أنماط التمييز، والتطبيق العملي على القوالب الرسمية.
SECTION 01 — COLOR SYSTEM
منظومة الألوان المعتمدة
10 ألوان تشكل المنظومة اللونية الكاملة — 4 ألوان خضراء مشتقة من الشعار (#C7E36A) للعناوين H1–H4، لونان محايدان لـ H5–H6، وأربعة ألوان وظيفية.
← H1–H4 أخضر مشتق من #C7E36Aألوان مكمّلة →
SECTION 02 — COLOR CARDS
بطاقات الألوان
#8BAA3D
H1 — أخضر فاتح
عنوان المستند · عنوان الموضوع
#6B8F2E
H2 — أخضر متوسط
أقسام رئيسية: أولاً، ثانياً
#5C7E1F
H3 — أخضر غامق
عناوين فرعية · مراحل
#3A5A1C
H4 — أخضر داكن
عناوين بنود: أ، ب، ج
#5A7A8A
H5 — أردوازي
نقاط فرعية تفصيلية
#6B6B6B
H6 — فحمي
ملاحظات · تسميات
#161616
Body — أسود داكن
متن النص الأساسي
#B5B5B5
Caption — رمادي
تذييل · بيانات تواصل
#C7E36A
Decorative — نيوني
خطوط فاصلة · حدود
#E6F58A
Highlight — تمييز
خلفية عناوين · تواريخ
SECTION 03 — FONT INVENTORY
جرد الخطوط المتاحة — 7 خطوط
جميع الخطوط مرتبة حسب الوزن من الأخف إلى الأثقل.
1
DIN Next LT Arabic Light
Light
2
DIN Next LT Arabic
Regular
3
DIN NEXT™ ARABIC REGULAR
Regular
4
DIN NEXT™ ARABIC MEDIUM
Medium
SECTION 04 — WEIGHT SCALE
سلّم الأوزان البصري
SECTION 05 — WEIGHT GUIDE
متى تستخدم كل وزن؟
B
Bold — التأكيد القوي
MEDIUM / SemiBold
عناوين المستندات الرئيسية (H1)
عناوين فرعية تحتاج تمييز (H3)
عناوين البنود المؤكدة (H4 Bold)
R
Regular — الحالة الوسطى
REGULAR / DIN Next LT Arabic
أقسام رئيسية (H2 الأساسي)
عناوين البنود العادية (H4 Regular)
تسميات الحقول: التاريخ، المرجع
نص بتأكيد خفيف داخل المتن
L
Light — القراءة المريحة
Light
متن النص الأساسي (الافتراضي)
ملاحظات ثانوية خفيفة (H6 Light)
التحية والختام في الخطابات
SECTION 06 — FULL SPECIFICATIONS
جدول المواصفات الكامل — كل مستوى بحالاته
كل مستوى يحتوي على الحالة الأساسية + حالة التأكيد (Bold) أو الحالة الخفيفة (Light) حسب السياق.
| المستوى | اللون | الحالة | الخط العربي | English Font | الحجم | الاستخدام |
|---|
| H1 | #8BAA3D | Bold | DIN NEXT™ ARABIC MEDIUM | Gilroy-SemiBold | 16–18pt | عنوان المستند · عنوان الموضوع |
| Regular | DIN NEXT™ ARABIC REGULAR | Gilroy-Regular | 16–18pt | عنوان بدون تأكيد |
| H2 | #6B8F2E | Regular | DIN NEXT™ ARABIC REGULAR | Gilroy-Regular | 14–15pt | أقسام رئيسية: أولاً، ثانياً |
| Bold | DIN NEXT™ ARABIC MEDIUM | Gilroy-SemiBold | 14–15pt | أقسام بتأكيد (عقود) |
| H3 | #5C7E1F | Bold | DIN NEXT™ ARABIC MEDIUM | Gilroy-SemiBold | 12–13pt | عناوين فرعية · مراحل |
| Regular | DIN NEXT™ ARABIC REGULAR | Gilroy-Regular | 12–13pt | عناوين فرعية خفيفة |
| H4 | #3A5A1C | Bold | DIN NEXT™ ARABIC MEDIUM | Gilroy-SemiBold | 11–12pt | عناوين بنود بتأكيد |
| Regular | DIN NEXT™ ARABIC REGULAR | Gilroy-Regular | 11–12pt | عناوين بنود عادية |
| H5 | #5A7A8A | Regular | DIN Next LT Arabic | Gilroy-Regular | 11pt | نقاط فرعية تفصيلية |
| Bold | DIN NEXT™ ARABIC REGULAR | Gilroy-SemiBold | 11pt | نقاط فرعية مع تأكيد |
| H6 | #6B6B6B | Regular | DIN Next LT Arabic | Gilroy-Regular | 10–11pt | ملاحظات · تسميات |
| Light | DIN Next LT Arabic Light | Gilroy-Light | 10–11pt | ملاحظات ثانوية خفيفة |
| Body | #161616 | Light | DIN Next LT Arabic Light | Gilroy-Light | 11–12pt | متن النص — الحالة الافتراضية |
| Regular | DIN Next LT Arabic | Gilroy-Regular | 11–12pt | تأكيد خفيف داخل الفقرات |
| Bold | DIN NEXT™ ARABIC REGULAR | Gilroy-SemiBold | 11–12pt | كلمات مؤكدة (مصطلحات، تواريخ) |
| Caption | #B5B5B5 | Light | DIN Next LT Arabic Light | Gilroy-Light | 8–9pt | تذييل · أرقام مرجعية |
| Accent | #161616 | Bold | DIN NEXT™ ARABIC MEDIUM | Gilroy-SemiBold | 11–12pt | تحذيرات · شروط مهمة |
| Labels | #161616 | Regular | DIN Next LT Arabic | Gilroy-Regular | 10–11pt | تسميات: التاريخ، المرجع، إلى |
SECTION 07 — FONT USAGE MAP
خريطة استخدام كل خط
ملخص يضمن استخدام جميع الخطوط السبعة — لا يوجد خط مُهمل.
| # | الخط | الوزن | أين يُستخدم | أمثلة عملية |
|---|
| 1 | DIN NEXT™ ARABIC MEDIUM | Medium | H1 Bold · H2 Bold · H3 Bold · H4 Bold · Accent · Body Bold | عناوين رئيسية · شروط مهمة · كلمات مؤكدة |
| 2 | DIN NEXT™ ARABIC REGULAR | Regular | H1 Reg · H2 Reg · H3 Reg · H4 Reg · H5 Bold | أقسام رئيسية · عناوين عادية |
| 3 | DIN Next LT Arabic | Regular | H5 Reg · H6 Reg · Labels · Body Regular | نقاط فرعية · ملاحظات · تسميات |
| 4 | DIN Next LT Arabic Light | Light | Body Light · Caption · H6 Light · Tagline | متن النص · تذييل · تحية · ختام |
| 5 | Gilroy-SemiBold | SemiBold | H1 Bold · H3 Bold · H4 Bold · Accent · H5 Bold | عناوين إنجليزية · اسم الشركة |
| 6 | Gilroy-Regular | Regular | H2 Reg · H4 Reg · H5 Reg · H6 Reg · Labels | عناوين إنجليزية متوسطة |
| 7 | Gilroy-Light | Light | Body Light · Caption · H6 Light · Tagline | متن إنجليزي · تذييل · تواصل |
SECTION 08 — ANNOTATED PREVIEW
معاينة مشروحة — كل مستوى بخطه ووزنه
FULL HIERARCHY
جميع المستويات على خلفية بيضاء
H1 — عرض شراكة تقنية استراتيجية
H2 — أولاً: نطاق العمل والمخرجات
H3 — المرحلة الأولى: التحليل والتخطيط
H4 — أ. متطلبات المشروع الأساسية
H5 — • المتطلبات التقنية للمنصة الرقمية
H6 — ملاحظة: يشمل ذلك البنية التحتية السحابية
Body — تشمل الشراكة تطوير الحلول الرقمية المتكاملة وبناء الأنظمة التقنية المبتكرة.
Caption — المملكة العربية السعودية، مدينة الرياض | سجل تجاري: 1234567890
SECTION 09 — HIGHLIGHT SYSTEM
أنماط التمييز #E6F58A
BORDER + FILL
مثالي لعنوان الموضوع في الخطابات
INLINE HIGHLIGHT
المدة: 4 أشهر من الاعتماد.
مثالي للتواريخ والأرقام المهمة
FULL HIGHLIGHT
مثالي لصناديق الملاحظات والتنبيهات
SECTION 10 — PRACTICAL APPLICATION
تطبيق عملي — عرض مشروع تقني
عرض تطوير منصة رقمية متكاملة
السلام عليكم ورحمة الله وبركاته،
تحية طيبة وبعد، يسرنا أن نتقدم لسعادتكم بعرض تطوير منصة رقمية متكاملة تلبي احتياجاتكم التشغيلية.
أولاً: نطاق المشروع
يشمل المشروع تصميم وتطوير منصة رقمية شاملة مع تدريب الفريق وتقديم الدعم الفني.
1. المرحلة الأولى: التحليل
أ. تحليل المتطلبات الوظيفية
دراسة شاملة لاحتياجات المستخدمين وتحديد المتطلبات التقنية بدقة.
• المتطلبات التقنية للبنية التحتية
ملاحظة: يشمل ذلك الاستضافة السحابية
ثانياً: الجدول الزمني
المدة المتوقعة: 4 أشهر من تاريخ اعتماد العرض.
وتفضلوا بقبول فائق الاحترام والتقدير،
إبراهيم [الاسم الكامل]
مدير التسويق وتطوير الأعمال والشراكات
مؤسسة الرمز الرقمي لتقنية المعلومات
H5 — نقاط فرعية
#5A7A8A · LT Arabic · 11pt
H6 — ملاحظات
#6B6B6B · LT Arabic · 10pt
SECTION 11 — USAGE RULES
قواعد الاستخدام
✓ الاستخدام الصحيح
H1 (#8BAA3D) فقط بحجم 16pt فأكثر
H1–H4 أخضر فقط للعناوين — لا متن نص
Bold (MEDIUM/SemiBold) للعناوين والتأكيد فقط
Regular (LT Arabic/Regular) للعناوين المتوسطة والتسميات
Light فقط للمتن والتذييل والتحية والختام
#E6F58A كخلفية تمييز — 3 مواضع كحد أقصى
#C7E36A للخطوط الفاصلة والحدود فقط
تباعد أسطر المتن: 1.8 إلى 2.0
✗ الاستخدام الخاطئ
كتابة متن بألوان H1–H4 (مخصصة للعناوين)
استخدام Light في العناوين (ضعيف الحضور)
استخدام Bold (MEDIUM) في فقرات كاملة
#C7E36A أو #E6F58A كلون نص (غير مقروء)
تصغير H1 أقل من 16pt (يفقد التباين)
#B5B5B5 في نصوص أساسية مهمة
خلط أوزان مختلفة في نفس العنوان
خطوط بديلة غير DIN Next Arabic و Gilroy
