انتقل إلى المحتوى

دليل الهوية

هوية هلا أوردرز

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

الإصدار 1.0 · أكتوبر 2026

01 · جوهر العلامة

ترحيب دافئ بكل طلب.

من نحن، ولماذا نوجد، وكيف يجب أن نبدو للتجار الذين نخدمهم.

وعد العلامة

حوّل منتجاتك إلى علامة تجارية لا تُنسى.

الاسم

«هلا» هي الكلمة التي نرحّب بها بالضيف في مصر والعالم العربي، و«أوردرز» هي ما يريد كل تاجر المزيد منه. معًا يَعِد الاسم بمنصة ودودة وقريبة، مبنية حول نتيجة واحدة: المبيعات.

رسالتنا

أن نمنح كل تاجر في مصر والعالم العربي متجرًا إلكترونيًا يبدو كعلامة تجارية حقيقية ويُدار كبيزنس منظّم - بدون برمجة أو وكالات أو رسوم تأسيس.

لمن نتحدث

أصحاب العلامات الصغيرة والنامية - أزياء، ديكور منزلي، منتجات يدوية، تجميل، إلكترونيات - يبيعون اليوم على إنستجرام وفيسبوك وواتساب ويريدون متجرًا احترافيًا غدًا.

الشخصية

مُرحِّب

نحن: دافئ، قريب، صبور

لسنا: بارد، رسمي، غريب

واضح

نحن: كلمات بسيطة وأرقام صادقة

لسنا: مصطلحات معقدة أو مبالغة أو شروط مخفية

طموح

نحن: جريء، عصري، راقٍ

لسنا: رخيص، صاخب، استعراضي

موثوق

نحن: هادئ، دقيق، موجود عند الحاجة

لسنا: يَعِد بما لا يقدّمه، مبهم

03 · لوحة الألوان

حبر الليل، ورق دافئ، وبنفسجي متوهج.

الحبر الداكن والورقي الدافئ يحملان أغلب أي تصميم. البنفسجي هو صوت العلامة؛ والفوشيا والكهرماني يظهران فقط داخل التدرجات واللمسات المميزة. اضغط على أي لون لنسخه.

توازن الألوان

استهدف هذه النسبة في أي صفحة أو منشور.

حبر · 60% ورقي · 25% بنفسجي · 10% لمسات · 5%

ألوان العلامة

الألوان التي تصنع هوية هلا أوردرز.

الحبر

الأسطح الداكنة وأقسام الهيرو والعناوين.

الورقي

أسطح فاتحة دافئة - وليست رمادية أبدًا.

ألوان الحالة

للحالات والبيانات فقط، وليست للزينة.

ثنائيات سهلة القراءة

يجب أن يحقق النص معيار WCAG AA (4.5:1). هذه الثنائيات تحققه.

Aa هلا #FFFFFF / #08070D 20.1:1 · AA
Aa هلا #120F1D / #FAF8F5 17.8:1 · AA
Aa هلا #A78BFA / #08070D 7.4:1 · AA
Aa هلا #7C3AED / #FAF8F5 5.4:1 · AA
Aa هلا #FFFFFF / #7C3AED 5.7:1 · AA
Aa هلا #08070D / #F5A524 9.8:1 · AA

04 · التدرجات

التدرج يعني «إجراء» و«إبراز».

تتحرك تدرجاتنا دائمًا من البنفسجي إلى الفوشيا ثم الكهرماني بزاوية 100-120°. استخدم تدرجًا واحدًا في كل شاشة، على أهم عنصر فيها.

05 · الخطوط

لغتان، وصوت واحد.

Plus Jakarta Sans للإنجليزية، وIBM Plex Sans Arabic للعربية. كلاهما خط مجاني من Google Fonts ليستخدمه أي شريك.

لاتيني

Aa

Plus Jakarta Sans

Aa Bb Cc Dd Ee Ff Gg 0123456789

Regular 400 SemiBold 600 Bold 700 ExtraBold 800

هندسي وودود وواثق. العناوين بوزن 800 مع تقارب الحروف (-0.035em).

عربي

أب

IBM Plex Sans Arabic

أ ب ت ث ج ح خ د ذ ر ز س ش ٠١٢٣٤٥٦٧٨٩

عادي 400 شبه عريض 600 عريض 700

واضح وعصري مع ارتفاع سطر مريح. العناوين بوزن 700 بدون تقارب حروف، وارتفاع سطر 1.35.

مقاسات النصوص

عرض 68 / 800

بيع أكثر، بقلق أقل.

عنوان 2 56 / 800

باقات بسيطة تكبر معك.

عنوان 3 22 / 700

كل طلباتك في مكان واحد

مقدمة 21 / 400

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

نص 16 / 400

يطلب عملاؤك من متجرك، ويصلك تنبيه فوري بكل ما تحتاجه لتأكيد الطلب وشحنه.

صغير 14 / 500

بدون بطاقة ائتمان. ألغِ في أي وقت.

عنوان علوي 13 / 700

صفحات الهبوط

06 · الأيقونات

خطوط بسيطة وأطراف دائرية.

أيقونات خطية مرسومة على شبكة 24px بسُمك 1.75px وأطراف وزوايا دائرية. تُضاف كـ SVG مباشرة وتأخذ لون النص الحالي.

  • store
  • bag
  • cart
  • package
  • receipt
  • truck
  • card
  • wallet
  • tag
  • percent
  • chart
  • trending
  • users
  • user
  • globe
  • smartphone
  • palette
  • layout
  • image
  • sparkles
  • shield
  • lock
  • headset
  • zap
  • bell
  • search
  • star
  • rocket
  • clock
  • calculator
  • link
  • home
  • message
  • mail
  • phone
  • map-pin
  • layers
  • languages
  • check-circle
  • arrow-right
  • شبكة 24 × 24 مع هامش 2px
  • سُمك 1.75px وأطراف دائرية
  • استخدمها بمقاس 16 أو 20 أو 24px
  • اعكس الأسهم في العربية (RTL)

حاويات الأيقونات

07 · وحدات البناء

مكونات تتركّب معًا.

كل صفحة مبنية من نفس المجموعة الصغيرة من القطع. أعد استخدامها قبل أن تصمم شيئًا جديدًا.

الأزرار

ابدأ متجرك شاهد كيف تعمل تواصل مع المبيعات
ابدأ متجرك شاهد كيف تعمل شاهد القوالب
ابدأ متجرك ابدأ متجرك ابدأ متجرك صغير · افتراضي · كبير

الشارات

متاح الآن تجربة مجانية 7 أيام
جديد مدفوع قيد الانتظار تحسين

الصور الشخصية

HO TH TE RS +9 HALA20 وفّر 20%

حقول النماذج

عند التركيز trendy رابط متجرك: yourname.halaorders.com

التنبيهات

متجرك جاهز. شارك الرابط وابدأ البيع.
من فضلك راجع الحقول المحددة.

البطاقة

كل الطلبات في مكان واحد

تابع كل طلب من التأكيد حتى التسليم، مع تنبيهات فورية.

عنوان علوي + عنوان

المميزات

كل ما تحتاجه لتبيع.

بطاقة بيانات

إيرادات هذا الشهر 48,320 ج.م +32% عن الشهر الماضي

خطوات مرقّمة

  1. أنشئ متجرك
  2. أضف منتجاتك
  3. شارك رابطك وابدأ البيع

08 · الشكل والعمق

زوايا ناعمة، وعمق هادئ.

الأشكال الدائرية تبدو ودودة، والضوء المتدرج والظلال الهادئة تمنح الواجهة طابعًا راقيًا بلا ضوضاء.

انحناء الزوايا

10px صغير · الشرائح والصور المصغرة
16px افتراضي · الحقول واللوحات
22px كبير · القوائم والإطارات
28px كبير جدًا · البطاقات
999px كبسولة · الأزرار والشارات

الارتفاع

مسطح · حدود فقط
مرتفع · بطاقات عند التمرير
عائم · نماذج العرض والقوائم
توهج · الإجراء الأساسي

الأسطح والملمس

زجاجي
حدود متدرجة
ملمس الشبكة
ضوء الشفق

الحركة

تتحرك العناصر بسرعة ثم تستقر بنعومة. يرتفع العنصر 2-6px عند التمرير، ويظهر المحتوى أثناء النزول. وكل شيء يحترم إعداد «تقليل الحركة».

  • منحنى الحركة · cubic-bezier(.22, 1, .36, 1)
  • سريع · 200-250ms · الأزرار والألوان
  • أساسي · 450ms · البطاقات والظهور
مرّر هنا

09 · على أرض الواقع

كيف تبدو العلامة مباشرة.

موقعنا داكن وجريء. أما متاجر التجار فتحمل هوية التاجر وليس هويتنا - تبقى هلا أوردرز في الخلفية وتترك منتجاتهم تتألق.

الصفحة الرئيسية لهلا أوردرز
هلا أوردرز الصفحة الرئيسية لهلا أوردرز حبر داكن، ضوء الشفق، وعبارة واحدة متدرجة في العنوان.
صفحات الهبوط
هلا أوردرز صفحات الهبوط الصفحات الداخلية تشترك في نفس الهيرو والعنوان العلوي والأزرار.
Trendy House
متجر تاجر Trendy House متجر ديكور منزلي بألوان التاجر الخاصة: الأحمر والكريمي.
صفحة تسوّق Trendy House
متجر تاجر صفحة تسوّق Trendy House شبكة منتجات وفلاتر وأسعار عروض جاهزة.
Tela
متجر تاجر Tela أزياء محتشمة بهوية وردية خاصة بها.
Radwa Sami
متجر تاجر Radwa Sami علامة أزياء بطابع تحريري وخط كلاسيكي.

التصوير والمرئيات

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

10 · نبرة الصوت

تكلّم كصديق يفهم في البيزنس.

جمل قصيرة، أرقام حقيقية، وكلمات التاجر نفسه. عربية فصحى مبسطة قريبة من المصريين أولًا، وإنجليزية واضحة ثانيًا.

ابدأ بالنتيجة

قل ما سيحصل عليه التاجر: طلبات أكثر، وقت أقل، وتحكم أكبر.

استخدم كلماتهم

«طلبات» و«شحن» و«الدفع عند الاستلام» - وليس «منظومة التنفيذ».

أثبت كلامك

مميزات حقيقية ومتاجر حقيقية وأرقام حقيقية. بدون تقييمات مختلقة.

كن مختصرًا

فكرة واحدة في كل جملة، والعناوين أقل من 10 كلمات.

قل تجنّب

ابدأ متجرك في دقائق.

استفد من حلولنا الثورية متعددة القنوات.

يصلك تنبيه مع كل طلب جديد.

نظام إشعارات لحظي قائم على الأحداث.

بدون رسوم تأسيس.

أرخص منصة في العالم!!!

وصف العلامة لأدوات الذكاء الاصطناعي

الصق هذا الوصف في ChatGPT أو Claude أو Midjourney أو Canva AI ليخرج المحتوى والتصميم متوافقًا مع الهوية.

You are creating content for HalaOrders (هلا أوردرز), an e-commerce platform that helps merchants in Egypt and the Arab world open a professional online store, manage orders, accept payments and ship.
Voice: warm, clear, confident, helpful; short sentences; no hype, no jargon, no invented numbers or reviews. Arabic first (Modern Standard Arabic with an Egyptian-friendly feel), English second.
Visual style: dark ink background #08070D with soft violet/fuchsia/amber aurora light; warm paper #FAF8F5 for light layouts; primary violet #7C3AED; gradient violet #7C3AED → fuchsia #C026D3 → amber #F59E0B at 120°; rounded corners 16-28px; clean outline icons; real products shown inside browser or phone frames.
Fonts: Plus Jakarta Sans (Latin), IBM Plex Sans Arabic (Arabic).
Avoid: neon green, pure grey backgrounds, stock-photo clichés, cluttered layouts, competitor names.

مقاسات المحتوى

مقاسات البداية للقنوات التي ننشر عليها.

غلاف المقال ومعاينة الرابط 1200 × 630
منشور إنستجرام / فيسبوك 1080 × 1350
ستوري وريلز 1080 × 1920
صورة مصغرة ليوتيوب 1280 × 720

11 · القواعد

افعل ولا تفعل.

القائمة المختصرة التي تراجعها قبل نشر أي شيء - صفحة أو إعلان أو منشور أو عرض تقديمي.

افعل استخدم عنصرًا متدرجًا واحدًا في كل شاشة - غالبًا الزر الأساسي.

لا تفعل تلوين أقسام كاملة أو فقرات أو أيقونات بالتدرج.

افعل أبرز عبارة واحدة مهمة في العنوان بالنص المتدرج.

لا تفعل إبراز العنوان كاملًا أو عدة عبارات في نفس الوقت.

افعل استخدم الورقي الدافئ (#FAF8F5) للأقسام الفاتحة.

لا تفعل استخدام الرمادي البارد أو الأبيض الخالص كخلفية للصفحة.

افعل احتفظ بألوان الحالة (الأخضر والأزرق والكهرماني والوردي) للحالات والبيانات.

لا تفعل استخدام الأخضر أو الأحمر للزينة أو كلون للعلامة.

افعل اكتب بالعربية أولًا من اليمين لليسار، واعكس الأيقونات الاتجاهية.

لا تفعل الترجمة الحرفية أو ترك الأسهم في الاتجاه الخطأ.

افعل اعرض شاشات المنتج الحقيقية داخل إطار متصفح أو موبايل.

لا تفعل استخدام صور جاهزة عامة للابتوب والمصافحة.

افعل اجعل كل الزوايا دائرية حسب مقاسات الانحناء.

لا تفعل خلط الزوايا الحادة والدائرية في نفس الشاشة.

افعل اذكر مميزات حقيقية ومتاجر حقيقية وأرقامًا حقيقية.

لا تفعل اختلاق آراء عملاء أو أرقام، أو ذكر أسماء المنافسين.

12 · التحميلات

ملفات العلامة

مسموح باستخدامها عند الكتابة عن هلا أوردرز أو الإشارة إلينا. تحتاج شيئًا آخر؟ تواصل معنا.

  • الشعار النصي · أبيض PNG · 1867 × 317 تحميل
  • الشعار النصي · حبري PNG · 1867 × 317 تحميل
  • الشعار النصي · متدرج PNG · 1867 × 317 تحميل
  • رمز العلامة SVG · متجه تحميل
  • رمز العلامة PNG · 512 × 512 تحميل

فصلك القادم

متجرك ممكن يكون أونلاين الليلة.

انضم للتجار الذين حوّلوا منتجاتهم إلى علامات تجارية. الإعداد يأخذ دقائق - وفريقنا موجود إذا احتجت مساعدة.