أصول الهوية

أصول هوية مازريو

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

تنزيل حزمة الهوية دليل الهوية PDF بالعربية دليل الهوية PDF بالإنجليزية

تعليمات الفرق

اختر فريقك واتبع الخطوات. كل ما تحتاجه موجود هنا.

المصممون

اختر الملف الصحيح

استخدم SVG للتصميم الرقمي وPDF للطباعة.
استخدم PNG فقط إذا لم تدعم الأداة الملفات المتجهة.
استخدم النسخة الأساسية على الخلفيات الفاتحة والمعكوسة على الكحلي.
استخدم الأسود أو الأبيض للإنتاج أحادي اللون فقط.

الألوان

ابنِ التصاميم من الأبيض والكحلي والضبابي.
اجعل المرجاني لنقطة الشعار واللمسات الصغيرة فقط.
استخدم الكحلي للأزرار الأساسية والعناوين.
لا تكتب نصوص القراءة بالمرجاني، واستخدم المرجاني الداكن عند الحاجة.
صمم بنظام RGB للشاشات وCMYK للطباعة، واعتمد نسخة تجريبية.

التصاميم الإنجليزية

استخدم الشعار الإنجليزي.
اكتب كل النصوص بخط Outfit: عريض للعناوين وعادي للقراءة.
حاذِ النص إلى اليسار، وابدأ بحرف كبير في أول الجملة فقط.
اتبع مقاسات الخط في قسم الخطوط.

التصاميم العربية

استخدم الشعار العربي، وعادة أعلى اليمين.
اكتب كل النصوص بخط IBM Plex Sans Arabic.
حاذِ النص إلى اليمين واعكس التصميم كاملًا.
اجعل العربية أكبر بنحو 10% من الإنجليزية مع ارتفاع سطر أكبر.
لا تعكس الشعار أو الأرقام أو شاشات المنتج.
لا تضف تباعدًا بين الحروف أو ميلانًا أو مدًّا.

التصاميم ثنائية اللغة

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

قبل النشر

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

ملفات هذا الفريق

شعارات SVG دليل PDF حزمة الهوية

فريق المحتوى

الاسم

بالإنجليزية: Mazrio بحرف M كبير دائمًا.
بالعربية: مازريو بالألف دائمًا، ولا تكتب مزريو.
قل «متجرك على مازريو».
اكتب الاسم كلمة واحدة ولا تترجم معناه.

الألوان في المحتوى

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

الكتابة بالإنجليزية

التهجئة البريطانية، وحرف كبير في أول الجملة فقط.
جمل قصيرة، وفكرة واحدة في كل جملة.
خاطب تاجرًا واحدًا بكلمة you.
ابدأ بالفائدة ثم التفاصيل.
تبدأ الأزرار بفعل: Start free وView plans.

الكتابة بالعربية

اكتب بعربية فصحى معاصرة وبسيطة.
اكتب النص من البداية، ولا تترجم حرفيًا.
خاطب القارئ بصيغة «أنت»، واستخدم صياغة محايدة قدر الإمكان.
استخدم علامات الترقيم العربية: ، ؛ ؟
استخدم الأرقام 0 إلى 9، واترك Odoo وSAP بالحروف اللاتينية.
راجع الهمزة والتاء المربوطة والألف المقصورة قبل النشر.

الصدق والأصالة

انشر فقط ما يمكنك إثباته.
لا تختلق أعداد عملاء أو نتائج أو تقييمات.
لا تنسخ نصوصًا من سلة أو زد أو Shopify أو أي منافس.
استخدم نصوص الشركة المعتمدة في قسم الملف الإعلامي.

قبل النشر

الاسم صحيح باللغتين
لكل ادعاء دليل
النص العربي كتبه أو راجعه كاتب عربي متمكن
خطوة تالية واحدة وواضحة في كل محتوى
نصوص الشركة المعتمدة دون تغيير

ملفات هذا الفريق

الملف الإعلامي دليل PDF

فريق الموقع

إعداد الموقع

ارفع ملفات الموقع من حزمة الهوية.
ألصق كود الترويسة في كل صفحة وحدّث النطاق.
حمّل الخطين بالكود أدناه.
استورد ملف CSS للألوان والخطوط.

الألوان في الكود

استخدم متغيرات CSS ولا تكتب الألوان يدويًا.
الأزرار الأساسية كحلية بنص أبيض.
الروابط كحلية أو مرجانية داكنة.
اجعل المرجاني للرسومات لا لنصوص القراءة.
تحقق من تباين 4.5:1 لكل نصوص القراءة.

الصفحات الإنجليزية

اضبط lang="en" dir="ltr".
استخدم الشعار الإنجليزي بصيغة SVG في الترويسة.
استخدم Outfit مع مقاسات قسم الخطوط.
العنوان أقل من 60 حرفًا والوصف أقل من 155 حرفًا.

الصفحات العربية

اضبط lang="ar" dir="rtl" على عنصر html.
استخدم الشعار العربي بصيغة SVG في الترويسة.
استخدم خصائص CSS المنطقية مثل margin-inline-start وtext-align:start.
اعكس التنقل والأسهم، ولا تعكس الشعارات أو الأرقام أو أرقام الهواتف.
أضف روابط hreflang بين كل صفحة عربية وإنجليزية.
استخدم صورة المشاركة ونص المشاركة العربيين.

الجودة

صمم للهاتف أولًا، مع زر أساسي واحد في كل شاشة.
مساحة اللمس 44 × 44 بكسل على الأقل.
أضف نصًا بديلًا بلغة الصفحة.
استخدم صور WebP أقل من 200 كيلوبايت.
أضف التتبع بعد الموافقة حيث يتطلب القانون ذلك.

كود للنسخ

<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap" rel="stylesheet">

<!-- English page -->
<html lang="en" dir="ltr">
<link rel="alternate" hreflang="ar" href="https://YOUR-DOMAIN/ar/">

<!-- Arabic page -->
<html lang="ar" dir="rtl">
<link rel="alternate" hreflang="en" href="https://YOUR-DOMAIN/">

body{font-family:var(--mazrio-font-en);color:var(--mazrio-text)}
[lang="ar"] body,body:lang(ar){font-family:var(--mazrio-font-ar);line-height:1.7;letter-spacing:0}
.button-primary{background:var(--mazrio-midnight);color:#fff;min-height:48px;border-radius:10px;padding-inline:22px}
.card{margin-inline-start:16px;text-align:start}

قبل النشر

الأيقونات وصور المشاركة تعمل
مبدل اللغة يفتح الصفحة المقابلة
الصفحة العربية من اليمين إلى اليسار بالكامل
لا يوجد تمرير أفقي على الهاتف
الأزرار الأساسية بتباين مناسب

ملفات هذا الفريق

ملف CSS كود الترويسة حزمة الهوية

الشعار

مازريو كلمة واحدة. حرف M على شكل ثقب المفتاح هو أول حرف في الاسم وليس أيقونة بجانبه.

ثقبا مفتاح

التاجر والعميل، ولكل منهما طريقه إلى الدخول.

خط واحد متصل

رحلة مترابطة من المتجر حتى إتمام الشراء.

نقطة مرجانية واحدة

الذكاء في قلب المنتج.

نسخ الشعار

الإنجليزية

الأساسية للتصاميم الإنجليزية واللاتينية.

العربية

الأساسية للتصاميم العربية، والنقطة المرجانية فوق حرف الزاي.

ثنائية اللغة

الإنجليزية يسارًا والعربية يمينًا، بينهما فاصل رفيع.

الرمز

عند ظهور الاسم بالقرب منه، أو في الأيقونات فقط.

From Syscomatic

للمواد الصحفية ومواد الشركاء والمواد المؤسسية فقط.

المساحة الآمنة

اترك مساحة بعرض ثقب مفتاح واحد من جميع الجهات، دون نصوص أو حواف أو صور بداخلها.

الحد الأدنى للحجم

النسخة	الشاشة	الطباعة
الشعار الإنجليزي	96 بكسل	22 مم
الشعار العربي	80 بكسل	18 مم
الشعار ثنائي اللغة	180 بكسل	42 مم
From Syscomatic	160 بكسل	38 مم
الرمز	24 بكسل	8 مم

عند حجم أقل من 32 بكسل، استخدم الرمز دون النقطة المرجانية.

الاستخدام الصحيح

استخدم الملفات المرفقة، ولا تعد كتابة الشعار أو رسمه.
استخدم النسخة الأساسية على الخلفيات البيضاء والفاتحة.
استخدم النسخة المعكوسة على اللون الكحلي.
أبقِ نقطة مرجانية واحدة فقط في كل شعار.

لا تمدد الشعار أو تدره أو تضف إليه حدودًا أو ظلالًا.
لا تغير الألوان ولا تحرك النقطة.
لا تضعه على صور مزدحمة.
لا تكتب الاسم العربي «مزريو».

الألوان

اللون الكحلي يحمل الهوية، والمرجاني لمسة صغيرة. اضغط على اللون لنسخ رمزه.

التوازن

نحو 60% أبيض و30% كحلي و10% للضبابي والمرجاني معًا.

التباين

أبيض على كحلي	16.4:1	أي نص
كحلي على مرجاني	5.1:1	أي نص
مرجاني داكن على أبيض	4.8:1	أي نص
مرجاني على أبيض	3.3:1	للرسومات فقط، وليس لنصوص القراءة

قيم الطباعة

كحلي	C86 M65 Y0 K70	RGB 11, 27, 77
مرجاني	C0 M70 Y65 K0	RGB 255, 77, 90

استخدم قيم CMYK هذه كنقطة بداية، واعتمد نسخة طباعة تجريبية قبل أي كمية كبيرة.

الخطوط

عائلة خط واحدة لكل لغة تحافظ على هدوء الصفحات، وكلاهما مجاني على Google Fonts.

Aa Outfit

الإنجليزية

خط Outfit لكل العناوين والتسميات والفقرات اللاتينية.

الحصول عليه من Google Fonts

أب مازريو

العربية

خط IBM Plex Sans Arabic لكل العناوين والتسميات والفقرات العربية.

الحصول عليه من Google Fonts

مقاسات الخط

النمط	الحجم	الوزن	ارتفاع السطر
عنوان رئيسي كبير	61 بكسل / الهاتف 42	عريض	1.3
عنوان 1	44 بكسل / الهاتف 33	عريض	1.3
عنوان 2	31 بكسل / الهاتف 26	شبه عريض	1.4
عنوان 3	22 بكسل	شبه عريض	1.5
نص أساسي	18 بكسل	عادي	1.7
نص صغير	15 بكسل	عادي	1.6
زر	17 بكسل	شبه عريض	1

قواعد الخط العربي

اجعل النص العربي أكبر بنحو 10% من النص الإنجليزي المجاور له.
استخدم ارتفاع سطر 1.7 لنصوص القراءة و1.3 للعناوين.
اترك تباعد الحروف صفرًا حتى تبقى الحروف العربية متصلة.
لا تستخدم المائل أو مدّ الحروف للتأكيد، بل استخدم وزن الخط.
حاذِ النص إلى اليمين واضبط الصفحة على dir="rtl".

الخطوط البديلة

إذا تعذر تحميل خط الهوية، استخدم Arial أو Tahoma للعربية وArial للإنجليزية.

الموقع

مصمم للهاتف أولًا، وواضح بالقدر نفسه في اتجاهي القراءة.

التخطيط

أقصى عرض للمحتوى 1200 بكسل.
الهوامش الجانبية 20 بكسل على الهاتف و40 بكسل على الحاسوب.
قيم المسافات: 4 و8 و12 و16 و24 و32 و48 و72 بكسل.
زوايا البطاقات والصور 12 بكسل، وزوايا الأزرار 10 بكسل.

الأزرار والدعوات إلى الإجراء

زر أساسي واحد في كل شاشة: خلفية كحلية ونص أبيض.
الارتفاع 48 بكسل على الأقل، وبعرض كامل على الهاتف.
ابدأ بفعل، واكتفِ بكلمتين أو ثلاث.
الإجراءات الثانوية بحدود فقط أو روابط نصية.

العربية والاتجاه من اليمين إلى اليسار

اضبط lang="ar" dir="rtl" في الصفحات العربية.
اعكس التخطيط والتنقل والأسهم الاتجاهية.
لا تعكس الشعار أو الأرقام أو أرقام الهواتف أو أزرار الفيديو.
استخدم الشعار العربي في الصفحات العربية.

سهولة الوصول

تباين نصوص القراءة 4.5:1 أو أعلى.
مساحة اللمس 44 × 44 بكسل على الأقل.
نص بديل لكل صورة بلغة الصفحة.
لا تعتمد على اللون وحده لإظهار الحالة.

الصور

تجار حقيقيون ومنتجات حقيقية وشاشات حقيقية.
عنصر واضح واحد في كل صورة مع مساحة كافية.
لا شعارات أو أيقونات أو لقطات شاشة للمنافسين.
اضغط الصور بصيغة WebP بحجم أقل من 200 كيلوبايت.

المشاركة والتتبع

استخدم صورة مشاركة بمقاس 1200 × 630 لكل صفحة.
العنوان أقل من 60 حرفًا والوصف أقل من 155 حرفًا.
أضف تتبع Meta وTikTok بعد موافقة الزائر حيث يتطلب القانون ذلك.

نص المشاركة

العنوان

مازريو | متاجر إلكترونية مصممة للشرق الأوسط وجنوب شرق آسيا

الوصف

أطلق متجرًا يناسب سوقك، مع مدفوعات محلية، وتتبع Meta وTikTok، وطلبات واتساب، وربط مع Odoo وSAP وغيرها.

القواعد والكتابة

اكتب كما يتحدث خبير متعاون: بوضوح ودفء ومباشرة.

الاسم

اكتب Mazrio بحرف M كبير، ولا تكتب MAZRIO أو mazrio.
بالعربية اكتب مازريو بالألف، ولا تكتب مزريو.
لا تجمع الاسم، واكتب «متجرك على مازريو».
اكتب Mazrio from Syscomatic في المواد المؤسسية فقط.

نبرة الصوت

واضحة: فكرة واحدة في كل جملة.
دافئة: خاطب تاجرًا واحدًا بصيغة «أنت».
مباشرة: ابدأ بالفائدة ثم التفاصيل.
صادقة: لا ادعاءات بلا دليل ولا أرقام مختلقة.

الأسلوب الإنجليزي

التهجئة البريطانية: colour وoptimise وcentre.
الحرف الكبير في أول العنوان أو الزر فقط.
استخدم الفاصلة قبل and عند الحاجة إلى الوضوح فقط.
الأعداد من واحد إلى تسعة كتابةً، ومن 10 فأكثر أرقامًا، والأسعار أرقامًا دائمًا.
رمز العملة قبل المبلغ: AED 99.
التواريخ: 10 November 2026.

الأسلوب العربي

العربية الفصحى المعاصرة، بسيطة لتناسب كل الأسواق العربية.
خاطب القارئ بصيغة «أنت»، واستخدم صياغة محايدة قدر الإمكان.
استخدم علامات الترقيم العربية: ، ؛ ؟
استخدم الأرقام 0 إلى 9 داخل المنتج للاتساق.
اكتب الهمزة والتاء المربوطة والألف المقصورة بدقة: إنشاء، متجر، مدفوعات، على.
اترك أسماء المنتجات مثل Odoo وSAP بالحروف اللاتينية، واكتب واتساب بالعربية.
اكتب النص العربي من البداية، ولا تترجم حرفيًا.

استخدم	تجنب
أطلق متجرك	استفد من حلولنا المبتكرة
استلم مدفوعاتك محليًا	تجربة دفع سلسة بلا حدود
اربط Odoo	حقق التكامل المؤسسي الشامل
ابدأ مجانًا، إن كان ذلك صحيحًا	الأفضل في العالم

أمثلة على الأزرار

ابدأ مجانًااربط واتساباعرض الباقاتStart freeConnect WhatsAppView plans

الملف الإعلامي

نصوص معتمدة وصور جاهزة للصحافة والشركاء ووسائل التواصل.

سطر واحد

مازريو منصة لإنشاء المتاجر الإلكترونية في الشرق الأوسط وشمال أفريقيا وجنوب شرق آسيا.

نبذة عن مازريو

تساعد مازريو التجار في الشرق الأوسط وشمال أفريقيا وجنوب شرق آسيا على إطلاق متاجرهم الإلكترونية وتنميتها، إذ تجمع المدفوعات المحلية، وتتبع Meta وTikTok، وطلبات واتساب، والربط مع Odoo وSAP وأنظمة أخرى. مازريو من تطوير Syscomatic Technologies.

تنزيل الملف الإعلامي