> Source: https://www.mazrio.com/ar/brand-assets/ أصول الهوية # أصول هوية مازريو الشعارات والألوان والخطوط وتعليمات واضحة للمصممين وكتّاب المحتوى وفرق الموقع، بالعربية والإنجليزية. تنزيل حزمة الهويةدليل الهوية 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 كيلوبايت. - أضف التتبع بعد الموافقة حيث يتطلب القانون ذلك. ### كود للنسخ نسخ نسخ 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 بكسل، استخدم الرمز دون النقطة المرجانية. ### الاستخدام الصحيح - استخدم الملفات المرفقة، ولا تعد كتابة الشعار أو رسمه. - استخدم النسخة الأساسية على الخلفيات البيضاء والفاتحة. - استخدم النسخة المعكوسة على اللون الكحلي. - أبقِ نقطة مرجانية واحدة فقط في كل شعار. - لا تمدد الشعار أو تدره أو تضف إليه حدودًا أو ظلالًا. - لا تغير الألوان ولا تحرك النقطة. - لا تضعه على صور مزدحمة. - لا تكتب الاسم العربي «مزريو». ## الألوان اللون الكحلي يحمل الهوية، والمرجاني لمسة صغيرة. اضغط على اللون لنسخ رمزه. كحلي#0B1B4Dالشعار والعناوين والأزرار الأساسيةمرجاني#FF4D5Aالنقطة واللمسات الصغيرةأبيض#FFFFFFالخلفية الرئيسيةضبابي#F1F3FAخلفيات الأقسامخطوط#E2E4E9الحدود والفواصلنص#2B3040نصوص القراءةنص ثانوي#5B6275النصوص الثانويةمرجاني داكن#D92B3Aالنصوص والروابط المرجانية ### التوازن نحو 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.نسخ تنزيل الملف الإعلامي ### صور الملف الشخصي ### PNG 400PNG 800PNG 1080 ### PNG 400PNG 800PNG 1080 ### بطاقات المنشورات والقصص ### 1:14:59:16 ### 1:14:59:16 ### صور الغلاف ### Facebook 1702 × 630 PNG ### X 1500 × 500 PNG ### LinkedIn 1128 × 191 PNG ### LinkedIn 1584 × 396 PNG ### YouTube 2560 × 1440 PNG ### صور المشاركة ### 1200 × 630 PNG ### 1200 × 630 PNG ## حزمة الهوية كل شعار بكل الصيغ. ملفات SVG وPDF تبقى واضحة بأي حجم، وملفات PNG بخلفية شفافة. تنزيل حزمة الهوية - الشعار الإنجليزي ### أساسي SVGPDFPNG 800PNG 1600PNG 3200 ### معكوس SVGPDFPNG 800PNG 1600PNG 3200 ### أسود SVGPDFPNG 800PNG 1600PNG 3200 ### أبيض SVGPDFPNG 800PNG 1600PNG 3200 - الشعار العربي ### أساسي SVGPDFPNG 800PNG 1600PNG 3200 ### معكوس SVGPDFPNG 800PNG 1600PNG 3200 ### أسود SVGPDFPNG 800PNG 1600PNG 3200 ### أبيض SVGPDFPNG 800PNG 1600PNG 3200 - الشعار ثنائي اللغة ### أساسي SVGPDFPNG 800PNG 1600PNG 3200 ### معكوس SVGPDFPNG 800PNG 1600PNG 3200 ### أسود SVGPDFPNG 800PNG 1600PNG 3200 ### أبيض SVGPDFPNG 800PNG 1600PNG 3200 - From Syscomatic ### أساسي SVGPDFPNG 800PNG 1600PNG 3200 ### معكوس SVGPDFPNG 800PNG 1600PNG 3200 ### أسود SVGPDFPNG 800PNG 1600PNG 3200 ### أبيض SVGPDFPNG 800PNG 1600PNG 3200 - الرمز ### أساسي SVGPNG 256PNG 512PNG 1024 ### معكوس SVGPNG 256PNG 512PNG 1024 ### أسود SVGPNG 256PNG 512PNG 1024 ### أبيض SVGPNG 256PNG 512PNG 1024 - أيقونات التطبيق ### كحلي SVGPNG 1024 ### أبيض SVGPNG 1024 ### Favicon ICOSVGPNG 16PNG 32Apple 180Android 192Android 512Maskable ### ملفات الموقع ملف Manifestكود الترويسةCSS للألوان والخطوط ## افتح متجرك قبل حملتك القادمة اطلب الوصول المبكر، ونرد خلال يومي عمل. انضم إلى الوصول المبكرانقل متجري