الشعارات Logos
جميع أشكال الشعار للاستخدامات المختلفة All appropriate logos
📏 منطقة الحماية 📏 Clear Space
اترك مسافة فارغة لا تقل عن (0.5x) حول الشعار لضمان الوضوح. يوضّح الإطار والخطوط الداخلية مساحة الحماية وخطّي التقاطع. Leave at least (0.5x) clear space around the logo. The dashed frame and inner guides visualize the clear space and center crosshair.
لوحة الألوان Colour Palette
الألوان الرسمية للهوية البصرية SDF’s official colour palette
💡 انقر على أي لون لنسخ الكود تلقائيًا 💡 To copy the colour code, click on the intended icon
الخطوط Typography
Rubik هو الخط المعتمد للعربية والإنجليزية Rubik (English and Arabic) is the designated font
خطوة بخطوة نحو تدخلات مؤثرة Step by step, towards impactful interventions
نصنع اليوم مساحة.. لنصوغ غدًا المستقبل Creating a space today.. To shape tomorrow’s future
مرة واحدة، تحت رؤية موحّدة One time, under a united vision
جاهز؟ دعنا نحلّل أنماط Rubik المختلفة. — نص تجريبي سريع. The quick brown fox jumps over the lazy dog. Ready? Let us break down Rubik’s different font styles.
📚 عائلة خط Rubik 📚 Rubik family
الرسوميات Graphics
الأيقونات والعناصر الرسومية الرئيسية Main icons and graphics
لتجنّب أي التباس مع المنظمات الطبية الدولية، يجب عدم استخدام الأيقونات الطبية الدولية (مثل الصليب الأحمر أو الهلال الأحمر). To avoid any confusion with international medical organization, International medical icons (such as the Red Cross or Red Crescent) must NOT be used.
المسافات والمحاذاة (Spacing and Alignment) Spacing and Alignment
المسافات المناسبة والأحجام المثالية Appropriate spacing and optimal sizes
- منطقة الحماية = 0.5x من أبعاد الشعار Clear space = 0.5× across the logo’s dimensions
- شبكة المسافات بمقياس 8pt (8/16/24/32px) 8 pt spacing grid (8/16/24/32 px)
- محاذاة النص العربي إلى اليمين Arabic text aligned to the right
- اتساق الهوامش العلوية والسفلية Consistency of top and bottom margins
- عرض الشعار الأفقي ≥ 120px Width of horizontal logo ≥ 120 px
- ارتفاع الشعار العمودي ≥ 80px Height of vertical logo ≥ 80 px
- الأيقونة ≥ 24px × 24px Icons ≥ 24 px × 24 px
- عرض الشعار الأفقي ≥ 30mm Width of horizontal logo ≥ 30 mm
- ارتفاع الشعار العمودي ≥ 20mm Height of vertical logo ≥ 20 mm
- دقة 300dpi للطباعة عالية الجودة 300 dpi resolution for high-quality printing
- لا تمديد أفقي أو رأسي No horizontal or vertical stretching
- حافظ على النسبة الأصلية دائماً Always maintain the original aspect ratio
- استخدم ملفات متجهية (SVG) متى أمكن ذلك Use vector files (SVG) whenever possible
بروتوكول الشعارات المشتركة Co-Branding Protocol
الدليل الرسمي لاستخدام شعار المنتدى مع الشركاء والبرامج The official guidelines for using the SDF’s logo, along with those of partners and programs.
يُرجى الالتزام بهذا البروتوكول عند استخدام شعار المنتدى الاجتماعي التنموي في أي تعاون أو شراكة، لضمان تمثيل مؤسسي دقيق وحماية الهوية البصرية للمنتدى. Please adhere to this protocol when using the Social Developmental Forum (SDF) logo in any collaboration or partnership. This ensures accurate institutional representation and protects SDF’s visual identity, while respecting that of the partner.
الترتيب الرسمي للشعارات Appropriate logos order
📊 المنطق المؤسسي والبروتوكولي 📊 Institutional and Protocol Logic
الملكية المؤسسية Institutional Ownership
المنتدى الاجتماعي التنموي كجهة مالكة للبرنامج أو المبادرة يحتل الموضع الأول (اليمين في العربية) تأكيداً على المسؤولية القانونية والإدارية والمالية عن النشاط. The Social Developmental Forum (SDF), as the owner of the program or initiative, is placed at the rightmost in Arabic layouts. This position affirms its legal, administrative, and financial responsibility for the activity.
التسلسل الهرمي Order
البرنامج أو المبادرة (الموضع الأوسط) يمثل المنتج أو الخدمة المقدمة، وهو جسر التواصل بين المؤسسة الأم والشريك الداعم، مما يبرز طبيعة التعاون. The program or initiative (centre position) represents the delivered product or service, serving as a bridge of collaboration between the parent institution and the supporting partner, highlighting the nature of the cooperation.
الاعتراف بالشراكة Partnership Recognition
الشريك الداعم (الموضع الثالث) يحتل موقع الشرف والتقدير، مع الحفاظ على وضوح الأدوار المؤسسية وعدم الخلط بين الجهة المنفذة والجهة الداعمة. The donor (leftmost in Arabic layouts) occupies a place of acknowledgement and appreciation, while maintaining clear institutional roles and avoiding any confusion between the implementing and supporting entities.
💼 سيناريوهات عملية 💼 Practical Scenarios
المنطق: المنتدى هو المنفذ، الشريك هو الممول، والبرنامج هي ناتج هذا التعاون بين الجانبين. Scenario:SDF Emergency Response Program “Together For Palestine (T4P)”
Logic:SDF is the implementer, the Partner is the donor, and the program is the result of this cooperation between SDF and the Partner.
المنطق: المنتدى هو المنفذ، البلدية شريك محلي، والهاب الشبابي هو ثمرة هذا التعاون. Scenario: Establishing an Youth Hub.
Logic: SDF is the implementer, the municipality is a local partner, and the hub is the fruit of this collaboration.
🚫 محظورات صارمة 🚫 Strict Prohibitions
- تغيير الترتيب المحددChanging the approved logo order
- تكبير شعار على حساب آخرEnlarging one logo at the expense of another
- دمج أو تداخل الشعاراتMerging or overlapping logos
- استخدام نسخ غير رسميةUsing unofficial logo versions
- أي تعديل على البروتوكولAny modification to the co-branding protocol
- إضافة شعارات إضافيةAdding extra logos
- الاستخدام في سياق جديدUsing logos in a new or unapproved context
- التطبيقات الخاصةExceptional applications
إرشادات الاستخدام Optimal practices
!ما يجب فعله وما يجب تجنبه (Dos and Don’ts)!
- استخدم ملفات الشعار الأصلية (SVG/PNG) Use the original logo files (SVG/PNG).
- حافظ على النسب والمساحة الآمنة Maintain proportions and clear space.
- خلفية عالية التباين + تدرج معتمد Use a high-contrast background with the approved gradient.
- للطباعة: 300dpi، ألوان CMYK دقيقة When printing, use 300 dpi accurate CMYK colours
- اختبر التباين وفق WCAG قبل النشر Test contrast according to WCAG standards before publishing.
- استخدم الشعار الأبيض على الخلفيات الداكنة
- لا تمديد/تحريف أو تدوير/قلب Don’t stretch, distort, rotate, or flip the logo.
- لا تغيير ألوان خارج اللوحة الرسمية Avoid using colours outside the official palette.
- لا تأثيرات مبالغ فيها (Glow/Shadow قوي) Don’t apply excessive effects (intense glow or shadow).
- لا وضع الشعار فوق صور مزدحمة بدون تعتيم Don’t place the logo over busy images without adding a dark overlay.
- لا تغير حرفية الشعار أو تكتب نسخة مشابهة Don’t alter the logo’s typography or create similar versions.
- لا تستخدم دقة منخفضة أو صور مشوشة Don’t use low-resolution or blurry images.
أمثلة الاستخدام الخاطئ Common mistakes
تجنب هذه الأخطاء الشائعة Key examples of misaligned branding
الوصول الشامل Accessibility
فحص التباين ومعايير WCAG Contrast Check & WCAG Compliance
نتيجة الفحص Results
معايير WCAG:
WCAG Standards:
• AA نص عادي: ≥4.5:1
• AAA نص عادي: ≥7:1
• AA نص كبير: ≥3:1
• AA (Normal Text): ≥4.5:1
• AAA (Normal Text): ≥7:1
• AA (Large Text): ≥3:1
💡 نصائح عامة للوصول الشامل 💡 Best Accessibility Practices
- • تباين ≥4.5:1 للنصوص الصغيرة• Maintain a contrast ratio of ≥4.5:1 for small text.
- • حجم نص لا يقل عن 16px• Use a minimum font size of 16px.
- • تجنب النص فوق صور دون تعتيم• Avoid placing text over images unless a dark overlay is applied.
- • ترجمة مكتوبة للفيديوهات• Provide captions for all videos.
- • ترجمة إشارة للفيديوهات• Include sign language interpretation when possible.
- • وصف صوتي عند الحاجة• Add audio descriptions where necessary.
- • مساحات نقر كبيرة (≥44px)• Ensure large clickable areas (≥44px).
- • تجنب الحركات القسرية• Avoid forced animations or motion triggers.
- • اختصارات لوحة مفاتيح واضحة• Use clear and consistent keyboard shortcuts.
- • لغة بسيطة وجمل قصيرة• Use simple language and short sentences.
- • تسلسل منطقي وعناوين واضحة• Maintain a logical content flow with clear headings.
- • تأكيد بصري للحالات• Provide visual confirmation for user actions or states.
- • دعم تعدد اللغات (عربي/إنجليزي)• Support multiple languages (Arabic/English).
- • ترجمة واضحة ودقيقة• Ensure accurate and context-aware translation.
- • احترام الاتجاهات النصية (RTL/LTR)• Respect text directionality (RTL/LTR) in layouts.
- • متوافق مع قارئات الشاشة• Ensure compatibility with screen readers.
- • تصميم متجاوب لجميع الأجهزة• Utilise a design that adapts to all devices.
- • وصف بديل للصور (Alt text)• Provide alternative text (Alt text) for all images.
إدارة الهوية Branding control
الهوية البصرية والموافقات Visual identity and approvals
- تعديل الألوان الرئيسية Modifying primary colours
- تغيير الخطوط أو الأشكال Changing fonts or shapes
- إنشاء شعارات فرعية Creating sub-logos
- تطبيقات خاصة أو استثنائية Exceptional applications
- استخدام الشعارات المعتمدة Using approved logos
- تطبيق الألوان الرسمية Applying the official colour palette
- استخدام القوالب الجاهزة Using the provided templates
- المنشورات اليومية المعتادة Social media posts
أي تعديل في التصاميم يجب الإتفاق عليه مع مسؤول الهوية قبل النشر، مع تسجيل التغييرات للحفاظ على تناسق الهوية البصرية. The Visual Identity Manager must approve any visual modification before it is published. To maintain consistency, consider using version numbering and a change log.