دليل العلامة
كيف تستخدم اسم برافو وشعاره وألوانه وخطوطه. نزّل ما تحتاجه، واتبع القواعد أدناه ليبدو برافو بالشكل نفسه في كل مكان.
نزّل حزمة العلامةالشعار
شعار برافو هو الكلمة المكتوبة بأحرف صغيرة ورمز B المجرد. استخدم الملفات المرفقة فقط، بألوانها الكاملة، على الأبيض أو السماوي.
- بالألوان الكاملة على الأبيض أو السماوي فقط. لا توجد نسخة معكوسة أو بلون واحد.
- تستخدم التصاميم العربية الشعار العربي. ارتفاعه مثل ارتفاع الشعار الإنجليزي، فيحلّ أحدهما محل الآخر بالحجم نفسه.
المساحة الفارغة والحجم
اترك حول الشعار من كل الجهات مساحة فارغة لا تقل عن ارتفاع الضلع السفلي في الرمز. لا يدخلها أي عنصر آخر.
أصغر الأحجام على الشاشة
- أفقي
- عرض 132 بكسل
- عمودي
- عرض 90 بكسل
- الكلمة
- عرض 96 بكسل
- الرمز
- ارتفاع 24 بكسل
الاستخدام الخاطئ للشعار
كل واحد من هذه الأمثلة يُفسد الشعار. استخدم الملفات المرفقة كما هي.
لا تكتب الكلمة بخط بدلاً من الملف.
لا تمدّه ولا تضغطه.
لا تدوّره.
لا تغيّر ألوانه.
لا تضعه على الكوبالت أو الحبري أو أي لون داكن. لا توجد نسخة معكوسة.
لا تضف ظلالاً أو توهجاً أو حدوداً.
لا تضعه على خلفية مزدحمة.
لا تدمجه مع شعار طفرة في علامة واحدة.
الألوان
ستة ألوان. اجعل الأبيض والألوان المحايدة هي الغالبة، واستخدم السماوي للمساحات الداعمة والكوبالت للتعريف بالعلامة وللإجراء الرئيسي. الأصفر للمسات دافئة صغيرة فقط.
اختر لوناً لنسخ قيمته.
التعريف بالعلامة والإجراءات الرئيسية
المساحات الهادئة والأسطح الداعمة
للمسات دافئة صغيرة فقط
النصوص
النصوص الثانوية
الخلفية الأساسية
أزواج النص والخلفية
استخدم هذه الأزواج فقط للنصوص. النسب وفق معيار WCAG 2.2.
| الزوج | التباين | الاستخدام |
|---|---|---|
| أبيض على كوبالت | 5.68:1 | النصوص العادية والأزرار |
| كوبالت على أبيض | 5.68:1 | الروابط والنصوص العادية |
| كوبالت على سماوي | 4.80:1 | الروابط والنصوص العادية |
| حبري على أبيض | 15.94:1 | أي نص |
| حبري على سماوي | 13.47:1 | أي نص |
| حبري على أصفر | 11.56:1 | أي نص |
| خافت على أبيض | 6.35:1 | النصوص الثانوية |
| خافت على سماوي | 5.37:1 | النصوص الثانوية |
| كوبالت على أصفر | 4.12:1 | النصوص الكبيرة فقط |
| أبيض على أصفر | 1.38:1 | لا يُستخدم للنصوص أبداً |
| أبيض على سماوي | 1.18:1 | لا يُستخدم للنصوص أبداً |
الخطوط
يُكتب النص اللاتيني بخط Manrope والنص العربي بخط Noto Sans Arabic. كلاهما خط مفتوح المصدر يُقدَّم من الموقع نفسه.
اللاتيني: Manrope
- عنوان الحملة48–64 px · 800 · 1.08
- Agent-first software for small businesses.
- عنوان القسم32–40 px · 700 · 1.15
- How Bravo works
- عنوان البطاقة24 px · 700 · 1.3
- Sell through agents
- النص16–18 px · 400 · 1.5
- Tell an AI agent what your business needs, and Bravo does the work.
- التسميات والأزرار14–16 px · 600
- Get early access
العربي: Noto Sans Arabic
- عنوان الحملة36–52 px · 700 · 1.35
- برمجيات للأعمال الصغيرة، مصمَّمة لوكلاء الذكاء الاصطناعي أولاً.
- عنوان القسم32–40 px · 700 · 1.4
- كيف يعمل برافو
- عنوان البطاقة24 px · 700 · 1.5
- بِع عبر الوكلاء
- النص16–18 px · 400 · 1.8
- أخبر وكيل ذكاء اصطناعي بما يحتاجه عملك، وبرافو ينجز المهمة.
- التسميات والأزرار14–16 px · 600
- احصل على وصول مبكر
- ثلاثة أحجام بارزة على الأكثر في الشاشة الواحدة.
- في النصوص الإنجليزية، الحرف الكبير في بداية الجملة فقط لكل عنوان وزر.
- يُكتب العربي بحجم أصغر بدرجة، مع مسافة أكبر بين الأسطر، ودون تباعد بين الحروف.
الأسلوب
يتحدث برافو كشخص متعاون وكفء. ابدأ بهدف صاحب العمل، واشرح بوضوح، واختم بخطوة تالية واحدة واضحة.
- جمل قصيرة. «أنت» لصاحب العمل، و«نحن» لبرافو.
- لا مبالغة ولا صيغ تفضيل مطلقة. لا رموز تعبيرية، ولا علامات تعجب في العناوين.
- لا تذكر أسعاراً أو وسائل دفع أو ميزات أو تكاملات أو مواعيد دون دليل حالي.
- اذكر أن كل مثال هو مثال، وأن كل خطة هي خطة.
التخطيط والحركة
- إيقاع من 8 بكسل، و4 بكسل للتعديلات الدقيقة.
- الزوايا: 8 بكسل لعناصر التحكم، و16 بكسل للبطاقات واللوحات، والأشكال الدائرية للوسوم الصغيرة فقط.
- إجراء رئيسي واحد في كل شاشة: نص أبيض على الكوبالت. والإجراءات الثانوية بإطار فقط.
- تركيز ظاهر في كل مكان: حلقة كوبالت مع فاصل أبيض.
- الحركة: من 120 إلى 180 مللي ثانية للتغييرات الصغيرة، ومن 200 إلى 300 مللي ثانية للانتقالات، مع تباطؤ في النهاية. لا شيء يتكرر، وعند تقليل الحركة تظهر الحالة النهائية مباشرة.
الرسومات والأيقونات
- أشكال هندسية بسيطة ومستديرة، ومساحات مفتوحة، وحركة صاعدة أحياناً.
- لا تقتطع رمز B في الرسوم أو الأنماط.
- لا رسوم ثلاثية الأبعاد لامعة، ولا صواريخ جاهزة، ولا شخصيات كرتونية، ولا أشخاص مولَّدين.
- لا متاجر أو لقطات شاشة أو شهادات مزيفة تُعرض على أنها حقيقية.
- الأيقونات من عائلة واحدة، Lucide، على شبكة 24 بكسل بخطوط مستديرة سُمكها 2 بكسل. أضف تسمية لأي أيقونة معناها غير واضح.
برافو وطفرة
- برافو هو الهوية. وطفرة هي الشركة التي تبنيه.
- اذكر طفرة بعبارة «مدعوم من» مع شعار طفرة الأسود، في سطر مستقل بعيداً عن شعار برافو.
- لا تدمج الشعارين في علامة واحدة أبداً.
التنزيلات
تضم حزمة العلامة كل الشعارات بصيغتي SVG وPNG، وأيقونات التطبيق، وقيم الألوان، وخطوط الويب مع تراخيصها، والدليل الكامل.
نزّل حزمة العلامةالشعارات
- bravo-kite-horizontal.svg
- bravo-kite-horizontal.png
- bravo-horizontal-ar.svg
- bravo-horizontal-ar.png
- bravo-kite-stacked.svg
- bravo-kite-stacked.png
- bravo-stacked-ar.svg
- bravo-stacked-ar.png
- bravo-kite-wordmark.svg
- bravo-kite-wordmark.png
- bravo-wordmark-ar.svg
- bravo-wordmark-ar.png
- bravo-kite-icon.svg
- bravo-kite-icon.png