ذكي وقريب...
Smart & close to you...
كل الشعارات والأيقونات والقوالب والحركة، مرتبة بمجلدات وأسماء جاهزة للمصمم
منصة متكاملة لإدارة الأعمال بالذكاء الاصطناعي: المبيعات والمخزون والمحاسبة والتصنيع والموظفين والعملاء، في مكان واحد. تسأل أريب، فيفكّر ثم يجيبك.
الذكاء مكتوب في الاسمIntelligence written in the name
«الأريب» في العربية هو العاقل الحاذق، البصير بالأمور، الذي يُحسن التدبير. وهذا بالضبط ما يفعله أريب لصاحب العمل: يفهم أرقامه، ويدبّر أموره، ويجيبه بذكاء. وفي كتابة الاسم نفسه ثلاث نقاط، نقطتان تحت الياء ونقطة تحت الباء، صففناها في سطر واحد فصارت مؤشر «يكتب الآن» في المحادثة.
العاقل الحاذق، ذو الدهاء والبصيرة بالأمور.
Wise, shrewd, sharp-minded
الشعاراتLogos
الشعار العربي هو الأساسي في سوريا، والإنجليزي يتقدّم في الأسواق متعددة اللغات مثل دبي. كل الشعارات مرسومة كمسارات SVG، فلا تعتمد على خط مثبّت.
نسخة اللون الواحدOne-color
حين لا يتوفر إلا لون واحد، يُطبع الشعار كله بذلك اللون: الحروف والياء والنقاط الثلاث. لا رمادي ولا تدرّج، فالطابعة الحرارية لا تطبع إلا أسود كاملاً أو لا شيء.
متى وكيف
- الاستخدام: الطابعات الحرارية، التطريز بخيط واحد، الأختام، الحفر بالليزر، الطباعة بالأبيض والأسود.
- اللون: أسود 100٪ أو أبيض 100٪ فقط. على القماش أو الختم يجوز الكحلي وحده.
- الإيصال 80mm: عرض الشعار 32mm على الأقل · 58mm: 24mm على الأقل.
- النقاط: قطرها 1.2mm على الأقل حتى لا تذوب، ويبقى الفراغ بينها واضحاً.
- التطريز: ارتفاع الشعار 15mm على الأقل، ويُفضَّل الرمز وحده في المساحات الصغيرة.
- ✕ لا تحوّل الألوان إلى رمادي، ولا تحذف النقاط، ولا تطبع البرتقالي بنسبة شفافية.
أيقونة التطبيقApp icon & favicon
مربع كحلي بزوايا دائرية، والرمز بالأبيض مع نقطتي الياء البرتقاليتين. الأحجام أدناه معروضة بمقاسها الحقيقي.
أيقونات أنظمة التشغيل الحديثة
iOS 18 يطلب ثلاث نسخ: فاتحة وداكنة وملوّنة بلون النظام. وأندرويد 13+ يطلب أيقونة متكيّفة من طبقتين ونسخة أحادية تتلوّن بثيم المستخدم. كل الملفات مربعة بلا زوايا، والنظام يقصّها بنفسه.
iOS · iPadOS 1024 × 1024
الداكنة بخلفية شفافة ليضع النظام تدرّجه الداكن. والملوّنة رمادية على أسود، والنظام يصبغها بلون المستخدم.
Android Adaptive · 432 × 432
الطبقة الأمامية والأحادية تُبقيان الرمز داخل الدائرة الآمنة (66 من 108dp)، والخلفية كحلية صافية.
الويب و PWA
المساحة الآمنة والحد الأدنىClear space & minimum size
وحدة القياس X تساوي قطر نقطة واحدة. يُترك حول الشعار مسافة X من كل الجهات على الأقل، ولا يدخلها نص أو صورة.
الحد الأدنى
• من 32px وما دون: الرمز وحده دون الكلمة.
• الشعار الثانوي (Tagline) يُضاف فقط فوق 160px عرضاً.
الألوانColor
اضغط أي لون لنسخ قيمته. البرتقالي الفاتح زخرفي فقط لأن تباينه على الأبيض 2.7:1. للنصوص والأزرار يُستخدم «برتقالي النصوص».
نسبة الاستخدام التقريبية: خلفية 60٪ · كحلي 25٪ · سطح 10٪ · برتقالي 5٪. البرتقالي نادر عمداً، ليبقى لافتاً.
ألوان الحالات UI states
الوضع الفاتح والداكن
| الدور | فاتح | داكن |
|---|---|---|
| الخلفيةBackground | #F4F6FA | #0F172A |
| السطحSurface | #FFFFFF | #1E293B |
| الحدودBorder | #E5E7EB | #334155 |
| نص أساسيText | #111827 | #F9FAFB |
| نص ثانويText 2 | #5B6472 | #94A3B8 |
| حبر الشعارLogo ink | #1E2A44 | #FFFFFF |
مواصفات الطباعة Print specs
| اللون | HEX | RGB | CMYK | Pantone |
|---|---|---|---|---|
| كحلي أريب | #1E2A44 | 30 42 68 | 92 78 41 38 | 2767 C |
| برتقالي أريب | #F9735B | 249 115 91 | 0 66 63 0 | 170 C |
| برتقالي النصوص | #C4471F | 196 71 31 | 15 82 100 4 | 1675 C |
| الخلفية | #F4F6FA | 244 246 250 | 3 2 0 0 | — |
قيم CMYK وPantone هي أقرب مطابقة تقريبية لورق مطلي (Coated). تُعتمد نهائياً بعد بروفة طباعة ومطابقتها بدفتر Pantone. على الورق غير المطلي يُطلب من المطبعة نسخة U.
الخطوطTypography
IBM Plex Sans Arabic للعربية، وIBM Plex Sans للاتينية. عائلة واحدة بتصميم متناسق في اللغتين، مجانية ومفتوحة المصدر.
الحركةMotion
للهوية حركتان: موجة الكتابة، حيث تخفت النقاط ثم ترتفع واحدة تلو الأخرى من اليمين إلى اليسار كما تُقرأ «أريب»؛ وتحوّل الاسم إلى الرمز، لشاشة البداية وبدايات الفيديو.
مؤشر التفكير
- الاستخدام: أثناء انتظار رد المساعد
- الدورة: 1.1 ثانية، متكررة
- الفاصل بين النقاط: 150ms
- الشفافية: 45٪ ← 100٪
شاشة البداية
- المدة: حوالي 3 ثوانٍ
- التسلسل: ظهور الرمز، النقاط، 3 موجات
داخل المحادثة
- الحجم: نقاط 8px وارتفاع 5px
- الألوان: نفس ترتيب الشعار
- Reduced motion: النقاط ثابتة
من الاسم إلى الرمز
«أريب» تنسحب حتى تبقى «يب»، ثم تستدير الباء لتصبح فقاعة المحادثة · 4.6 ثانية · 60fps
- الظهور0.0–0.6s
- يفكّر · موجة على النقاط0.6–1.5s
- انسحاب الهمزة والألف والراء1.6–2.2s
- الباء تستدير وتصبح فقاعة1.8–3.0s
- الرمز · موجتا كتابة3.1–4.6s
المكوّناتComponents
عناصر الواجهة الأساسية مبنية على نفس المتغيرات، وتعمل في الوضعين الفاتح والداكن.
الأزرار
حقل السؤال
الحالات
المحادثة
شارة «بدعم من»
تظهر في تطبيقات العملاء التي تحمل اسمهم وشعارهم.
مثال على الواجهةProduct example
الهوية هي المنتج
النقاط التي في الشعار هي نفسها مؤشر التحميل حين يفكّر المساعد. كل سؤال يطرحه صاحب العمل يذكّره بالعلامة، دون أي إعلان.
الرد يأتي بلغة صاحب العمل اليومية، مع أرقام واضحة وبطاقات مختصرة يمكن الضغط عليها للتفاصيل.
الاستخدام الصحيحDo & don’t
الهوية على أرض الواقعMockups
الشعار على جدار الاستقبال، وسترة الفريق، وبطاقات العمل، وكوب المكتب.
نبرة الصوتVoice & tone
أريب يتكلم مثل محاسب شاطر يعرفك من سنين: يفهم شغلك، ويختصر عليك، ولا يتعالى عليك بالمصطلحات.
الرقم أولاً، والمصطلح عند الحاجة فقط. نشرح ماذا يعني الرقم لعملك.
نخاطب صاحب العمل مباشرة، بجمل قصيرة ودودة، ونناديه باسمه إن عرفناه.
الجواب في السطر الأول، والتفاصيل بعده لمن يريدها.
لا نبالغ ولا نخمّن. إذا كانت البيانات ناقصة نقول ذلك ونقترح الحل.
اللغة
واجهة التطبيق: عربية فصحى مبسّطة، قصيرة وواضحة، مفهومة في سوريا والخليج.
المساعد الذكي: يردّ بلهجة صاحب العمل إذا كتب بها، وبالفصحى المبسّطة افتراضياً.
English: plain, warm and short. No jargon, no hype.
نقول / لا نقول
| ✓ نقول | ✕ لا نقول |
|---|---|
| بعت اليوم 4,280,500 ل.س | تم احتساب إجمالي إيرادات المبيعات لليوم الحالي |
| 3 منتجات قاربت على النفاد | تنبيه: مستوى المخزون أدنى من الحد المعرّف |
| تعذّر الاتصال، جرّب مرة أخرى | خطأ 503: فشل تنفيذ الطلب |
| أهلاً أبو سامر، كيف فيني ساعدك؟ | مرحباً بك في نظام تخطيط موارد المؤسسات |
الصور والأيقوناتImagery & icons
صور حقيقية لأعمال حقيقية، وأيقونات خطية بنهايات دائرية تشبه حروف الشعار.
أسلوب التصوير
- ✓أصحاب أعمال حقيقيون في محلاتهم ومطاعمهم وورشهم.
- ✓ضوء طبيعي دافئ، وتركيز على الأيدي أثناء العمل.
- ✓لمسات كحلية أو برتقالية في المكان: مريول، كوب، لافتة.
- ✕صور «ستوك» بابتسامات مصطنعة ومكاتب زجاجية باردة.
- ✕روبوتات، أدمغة رقمية، أو رموز ذكاء اصطناعي مستهلكة.
الأيقونات
شبكة 24px · خط 1.8px · نهايات وزوايا دائرية. الكحلي افتراضياً، والبرتقالي للحالة النشطة فقط.
صور البروفايل والغلافProfile & cover images
صور جاهزة بالمقاسات الرسمية لكل منصة. صورة البروفايل تُعرض دائرية، لذلك يبقى الرمز داخل الدائرة الآمنة. والغلاف يضع الشعار في المنتصف حتى لا تغطيه صورة البروفايل على أي شاشة.
صورة البروفايل
صورة الغلاف
أغلفة القصص المميزة في انستغرام
انستغرام لا يدعم صورة غلاف للحساب، فتأخذ أغلفة القصص المميزة (Highlights) هذا الدور.
قوالب العمل اليوميTemplates
قوالب جاهزة للتعديل بنفس الخط والألوان والمسافات. افتحها في Word أو PowerPoint، واستبدل النص فقط. تحتاج خط IBM Plex Sans Arabic مثبتاً على الجهاز (مجاني من Google Fonts).
 |
Samer Al-HalabiSales Manager · Areeb+963 9XX XXX XXXsamer@areeb.app · areeb.appSmart & close to you... |
 |
سامر الحلبيمدير المبيعات · أريب+963 9XX XXX XXXsamer@areeb.app · areeb.appذكي وقريب... |
Design tokens
متغيرات CSS جاهزة للنسخ إلى المشروع، وتعمل مع Angular وأي إطار آخر.
حزمة الهوية الكاملة
دليل الهوية بصيغة PDF باللغتين، وحزمة ZIP فيها كل الشعارات والأيقونات والقوالب والحركة والدليلين.
:root {
/* Brand */
--areeb-navy: #1E2A44;
--areeb-coral: #F9735B; /* decorative only */
--areeb-coral-strong: #C4471F; /* buttons, links, text */
/* Light */
--bg: #F4F6FA; --surface: #FFFFFF; --border: #E5E7EB;
--text: #111827; --text-2: #5B6472; --logo-ink: #1E2A44;
/* States */
--success: #16A34A; --warning: #F59E0B;
--error: #EF4444; --info: #2563EB;
/* Type */
--font: "IBM Plex Sans Arabic", "IBM Plex Sans", system-ui, sans-serif;
/* Radius & motion */
--radius-sm: 8px; --radius: 14px; --radius-lg: 22px;
--typing-cycle: 1.1s; --typing-stagger: 150ms;
}
[data-theme="dark"] {
--bg: #0F172A; --surface: #1E293B; --border: #334155;
--text: #F9FAFB; --text-2: #94A3B8; --logo-ink: #FFFFFF;
}
قوالب السوشيال ميدياSocial media
ثلاثة قوالب أساسية: إعلان ميزة، ورقم إنجاز، وقصة تعرض المحادثة. النقاط الثلاث تظهر دائماً كعنصر بصري.
اسأل أريب
عن مبيعاتك
واحصل على الجواب بثوانٍ
نمو في مبيعات عملائنا
بعد أول شهر مع أريب
من 38 عملية بيع