دليل الهوية البصرية
دليل الهوية البصرية · 2026

جمعية دار البر
الهوية البصرية للموقع

المرجع الموحّد للشعار والألوان والخطوط وقواعد استخدامها في نموذجَي تصميم موقع التبرعات المقدّمَين للاعتماد.

02

الألوان

ألوان مستخرجة من الشعار: الأزرق هو اللون الطاغي، والذهبي للتمييز، والزيتوني لمسات ثانوية جدًا. اضغط على أي لون لنسخ رمزه.

نسب الاستخدام المقترحة

أزرق 55%
محايد 25%
عميق 12%
ذهبي 6%
03

الخطوط

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

النموذج الأول · معاصر

Dubai

الخط الوحيد للنموذج الأول

بر Aa

ابنِ بيتًا لله… يبقى أجره ما بقي

أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي · 0123456789

Regular عاديMedium متوسطBold عريض

النموذج الثاني · إرث

Lyon Arabic Text

الخط الوحيد للنموذج الثاني

بر Aa

ابنِ بيتًا لله… يبقى أجره ما بقي

أ ب ت ث ج ح خ د ذ ر ز س ش ص ض ط ظ ع غ ف ق ك ل م ن هـ و ي · 0123456789

Regular عاديSemiBold شبه عريضBold عريض

سلّم الأحجام — النموذج الأول (Dubai)

H1 · 60px / Boldعنوان رئيسي
H2 · 42px / Boldعنوان القسم
H3 · 22px / Boldعنوان البطاقة
Body · 16px / Regularنص الفقرات والوصف في الموقع.
Label · 14px / Mediumتسمية الأزرار والحقول

سلّم الأحجام — النموذج الثاني (Lyon Arabic)

Display · 92px / Boldعنوان رئيسي
H2 · 58px / SemiBoldعنوان القسم
H3 · 28px / Boldعنوان البطاقة
Body · 16.5px / Regularنص الفقرات والوصف في الموقع.
Label · 15px / SemiBoldتسمية الأزرار والحقول
04

نماذج الموقع

نموذجان بالهوية نفسها وبشخصيتين مختلفتين، للمراجعة والاعتماد.

النموذج الأولمعاصر
الخط
Dubai فقط
اللون الطاغي
الأزرق #1C79B5 على خلفية بيضاء
الأشكال
زوايا مستديرة وبطاقات ناعمة
الحركة
انتقالات سلسة وعدّادات، وتجربة ثلاثية الأبعاد تفاعلية