التوافق على النشاط
الفرق المشغولة ليست هي نفسها الفرق المتناغمة.
نتحدث عن التوجه المشترك، والروابط بين OKRs، والتقدم الذي يمكن للمجلس رؤيته، وليس الانشغال من أجل الانشغال بحد ذاته.
المبادئ والأصول والمراجع.
تُشكّل هذه المبادئ قرارات المنتج والتسويق وكيفية ظهورنا أمام فرق القيادة. وهي غير قابلة للتفاوض في الاتصالات الخارجية.
الفرق المشغولة ليست هي نفسها الفرق المتناغمة.
نتحدث عن التوجه المشترك، والروابط بين OKRs، والتقدم الذي يمكن للمجلس رؤيته، وليس الانشغال من أجل الانشغال بحد ذاته.
ينبغي على القادة أن يروا ما يهم دون الحاجة إلى متاهة أخرى من لوحات المعلومات.
نُقلل من التشتت: مركز قيادة واحد للتوجيه والقياسات والتنفيذ. وتبقى اللغة واضحة ومحددة.
ينبغي أن تستند القرارات إلى بيانات حية، وليس إلى بيانات قديمة.
نحن نؤكد على KPIs وسجلات التغيير ورؤى الذكاء الاصطناعي القائمة على الأدلة التي يمكن للقيادة أن تتخذ إجراءات بناءً عليها، وليس على الضجة أو التخمين.
تنفيذ على مستوى المؤسسات دون تعقيد على مستوى المؤسسات.
نحن نحترم المديرين والمسؤولين التنفيذيين: الدقة في قاعات الاجتماعات، وسهولة الاستخدام في الخطوط الأمامية، والحوكمة بدون بيروقراطية.
ما نقوله، ولمن نقوله، وكيف نثبته، متسق عبر مواد الويب والمنتجات والمبيعات والشركاء.
Elevale هي منصة التنفيذ الاستراتيجي التي تحول التوجيه إلى OKRs، و KPIs مباشرة، وتنسيق الفريق، لمديري الأعمال الذين يريدون الوضوح والتوجيه، وليس الفوضى.
منصة تنفيذ استراتيجية، وليست أداة عامة لإدارة المشاريع أو لوحة معلومات ذكاء أعمال أخرى. المهام، وOKRs، وKPIs المباشرة موجودة في نظام واحد، بحيث تبقى التوجيهات والعمل اليومي والأدلة مرتبطة ببعضها، وليست متناثرة عبر تطبيقات منفصلة.
مديرو الأعمال والمؤسسون وفرق القيادة الذين يديرون عمليات متعددة المواقع أو عمليات متنامية. إنهم يضعون الاستراتيجية، ويجرون المراجعات، ويحتاجون إلى أن تتحرك الشركة كوحدة واحدة، لا إلى المزيد من البرامج لمجرد وجود برامج.
حوّل الاستراتيجية إلى تنفيذ يمكن لفريق القيادة الخاص بك رؤيته وتوجيهه: توجيه حي، وأهداف قابلة للقياس، ومقاييس حية، وذكاء اصطناعي يقرأ أعمالك، وليس الإنترنت المفتوح.
الادعاءات الأساسية في واقع المنتج: OKRs المرتبطة بالمهام، KPIs الحية، سجلات تغيير الأعمال، Otto المستندة إلى بيانات مساحة العمل، والنتائج التي يدركها المديرون (التوافق، نقاط عمياء أقل، مراجعات أسرع).
فيما يخصّ الأبطال وأجزاء الهبوط، اروِ القصة في ثلاث مراحل: ابدأ بجملة جاذبة تُشير إلى التوتر، ثمّ بيّن كيف يحلّ Elevale هذا التوتر، ثمّ ادعُ إلى الخطوة التالية. هذا هو ترتيب السرد، وليس مواصفات الطباعة. توجد أنماط العناوين والنصوص والأزرار في الطباعة وأنماط واجهة المستخدم.
لقد وافقتم على الخطة. اسألوا عما يجري اليوم، وسيسود الصمت في الغرفة.
يربط مركز قيادة واحد التوجيه، و OKRs، و KPIs المباشرة، والمهام اليومية حتى يتمكن فريق القيادة من رؤية التقدم والتوجيه دون الحاجة إلى متاهة أخرى من لوحات المعلومات.
ابدأ تجربتك المجانية لمدة 14 يومًا
كيف يبدو صوتنا عندما تلتقي القيم والرسائل المكتوبة؟ واثق، مباشر، وعملي. كُتب هذا الكتاب للمخرجين الذين يحتاجون إلى الوضوح، لا إلى المصطلحات المعقدة.
اشرح وظيفة Elevale وأهميتها بلغة بسيطة. استخدم جملًا قصيرة وأسماءً محددة. تجنب الصفات الزائدة.
فضل الصوت الفعال والنتائج التي يمكن للقادة تصورها: مراجعات تعكس الواقع، وأهداف يمكن للفرق امتلاكها، ومقاييس يتم تحديثها بشكل مباشر.
اعترف بالمعاناة الحقيقية: أدوات مجزأة، واستراتيجية في شرائح عرض لا يتبعها أحد، ومراجعات مبنية على أرقام الشهر الماضي. ثم قدم طريقًا موثوقًا للمضي قدمًا.
حوّل الاستراتيجية إلى تنفيذ يمكن لمجلس إدارتك رؤيته
Elevale يربط بين توجيهاتك، OKRs، و KPIs المباشرة في مركز قيادة واحد، بحيث تقضي القيادة وقتًا أقل في مطابقة جداول البيانات ووقتًا أطول في توجيه العمل.
أوتو هو ثعلب الماء: المستشار الاستراتيجي للذكاء الاصطناعي وشخصية العلامة التجارية لشركة Elevale. إنه ليس متحدثًا بشريًا. يجب أن يمثل دائمًا حلًا، لا مشكلة، وأن يجلب الوضوح والطاقة والبهجة بهدف.
الوضوح والطاقة والفرح، ليس مجرد تميمة، ولا مجرد دعامة.
هو الوجه التمثيلي لمستشارنا الاستراتيجي المدعوم بالذكاء الاصطناعي: ثعلب ماء يُضفي على النصائح العملية طابعًا عمليًا. إنه شريك فكري مرتبط بتوجهك الاستراتيجي، ومؤشرات OKR وKPI، وقاعدة بيانات ويكي، وسياق السوق. يجب أن يُظهر كل ظهور له الطريق إلى الأمام: موجز أوضح، وحلّ مُعيق، وانتقال سلس من الفكرة إلى التنفيذ، لا الفوضى التي سبقت مؤشر Elevale.
أوتو هو المستشار الاستراتيجي للذكاء الاصطناعي داخل المنصة: يقدم خدمات الدردشة الصوتية والكتابية، مع إشارات مباشرة إلى بيانات KPIs وOKRs، ويساعد في تحويل الرؤى إلى توجيهات وأهداف ومهام محدّثة. إنه المستشار الأمثل للإجابة على الأسئلة الكبيرة والصغيرة: عملي، واقعي، ومرتبط دائمًا ببيانات بيئة العمل.
يظهر أوتو على الموقع الإلكتروني وفي المراسلات عندما يكون قادرًا على تقديم حل: سواءً كان ذلك من خلال التعريف بمركز القيادة، أو توضيح كيفية تحقيق الوضوح، أو الإشارة إلى ذكاء اصطناعي يفهم طبيعة العمل. ليس مجرد رمز على هامش الصفحة، ولا مجرد دعاية جوفاء. الهدف هو الأهم.
في الحملات، يدعم أوتو الوضوح الاستراتيجي والتنفيذ والذكاء الاصطناعي القائم على العمل الواقعي، دون اللجوء إلى الفكاهة أو تجسيد المشكلة. يُظهر التوجهات الناشئة، والقرارات التي تُحل، والقيادة التي تحصل على الإجابات دون الحاجة إلى لوحة تحكم إضافية. يُشترط استخدام الأعمال الفنية المعتمدة.
تواصل مع الفريق للحصول على الموافقة أي استخدام لعلامة Otto، سواء كان ذلك للعروض التقديمية الداخلية أو الإعلانات الخارجية أو وسائل التواصل الاجتماعي أو مواد الشركاء، يتطلب موافقة العلامة التجارية قبل النشر.
الشعار المُغلق هو الشعار الافتراضي Elevale: علامة الشعار بالإضافة إلى العلامة النصية في ملف واحد. أما الشعار التسويقي فهو نص تسويقي منفصل. نستخدمه بكثرة على الموقع، ولكنه ليس جزءًا من تصميم الشعار المُغلق.
استخدم هذه الأسماء بشكل متسق في الملخصات والعروض التقديمية ومجموعة أدوات العلامة التجارية. عندما نقول شعار Elevale، فإننا نعني التصميم المغلق ما لم نطلب صراحةً استخدام علامة الشعار فقط.
الاستراتيجية التي لا تموت
الوضع المعتاد على البطل
يظهر عادةً أعلى عنوان الصفحة الرئيسية. تجنب تضمينه في ملفات الشعار المصدرة إلا إذا وافقت العلامة التجارية على تصميم مخصص.
الشعار عبارة عن مربعين متداخلين ومتشابكين. يُقرأان كوحدتين منفصلتين اختارتا الالتقاء: حيث كانت هناك فجوة بين الاستراتيجية والتنفيذ، بين ما تقوله القيادة وما يمكن للشركة إظهاره، يوجد الآن تواصل واضح ومقصود. ليس ضبابية. ليس استحواذًا. بل هو اتصال ملموس.
يكمن جوهر الأمر في التداخل. تلك الحافة المشتركة هي المكان الذي يوجد فيه Elevale.
جداول بيانات في زاوية، ورموز OKRs في زاوية أخرى، ومراجعات مبنية على صادرات الشهر الماضي. أما شعار الشركة فهو عكس هذا التوجه: مستويان ينزلقان ليتطابقا، ما يمنع الشركة من التناقض مع نفسها أمام العامة.
الزاوية المشتركة ليست مجرد عنصر تزييني، بل هي نقطة التقاء الموجز والمقاييس والعمل الجماعي. Elevale هو المنتج الناتج عن هذا التداخل: سطح واحد للتوجيه والقياس والمتابعة.
يشير التباعد إلى التقدم دون تصادم. لا تُعيق الاستراتيجية العمليات، ولا تُهمّش البيانات الأفراد. تتقدم المربعات معًا، مثل الأولويات التي تتجه في النهاية نحو نفس الاتجاه.
ينطلق مشروع Elevale من تلك النقطة المحورية. فالتوافق ليس مجرد ملصق على الحائط، بل هو اللحظة التي تتجاوز فيها المؤسسة ضجيج الأحداث عندما تتطابق النية مع الأدلة. الشعار صغير، لكن الفكرة جوهرية.
لكل من اللونين الوردي والبنفسجي دورٌ في العلامة. الوردي لونٌ دافئ: يُشير إلى الاتجاه والزخم والدافع لاتخاذ القرار. أما البنفسجي فهو لونٌ بارد: يُشير إلى الأدلة والبنية والبراهين التي يُمكن الاسترشاد بها. احتفظ بكل لون على حدة؛ فهما يتشاركان فقط في نقطة التقاء النية بالبرهان. قواعد HEX وRGB وواجهة المستخدم موجودة في الألوان الأساسية.
لون القرنفل
الاتجاه والزخم
لون أرجواني دافئ ينبض بطاقة واضحة. في الشعار، يبرز اللون في المقدمة: تقع عليه العين أولاً، تماماً كما يتعين على القيادة تحديد ما يهم تالياً.
Represents النية قبل البرهان: إلى أين تتجه الشركة، وما هي الأولويات، والطاقة اللازمة للتحرك.
في شعار الشركة، يتصدر اللون الوردي المشهد. أما في واجهة المستخدم الخاصة بالمنتج، فهو يمثل طبقة الإجراءات: الأزرار الرئيسية، والحالات ذات الأولوية، واللحظات التي تتطلب قرارًا واضحًا.
أرجواني
الأدلة والبنية
لون أزرق بنفسجي هادئ وعميق. يقع قليلاً خلف دفء اللون الوردي ويحمل في طياته مقاييس وبنية ودليلاً في نغمة ثابتة وجديرة بالثقة.
Represents ما يمكن أن تُظهره الشركة: بيانات حية KPIs، وعمل مرتبط، وهيكل، وبيانات توجيهية يمكن للقيادة الوثوق بها.
في شعار الشركة، يُكمل اللون الأرجواني ما يبدأه اللون الوردي. أما في واجهة المستخدم للمنتج، فيحمل اللون الأرجواني دلالاتٍ على المقاييس، ويُعزز التنقل، ويُبرز الأسطح التي تُعدّ فيها الوضوح أهم من الزخرفة.
حافظ على مساحة خالية تساوي ارتفاع وحدة الزاوية الوردية على علامة الشعار (20 بكسل في حجم القفل القياسي) على جميع جوانب القفل.
x = ارتفاع وحدة الزاوية الوردية على شعار العلامة (20 بكسل في الحجم القياسي للقفل). اترك مسافة لا تقل عن x واحدة على جميع جوانب القفل الأربعة.
قم بتنزيل الملفات المعتمدة للتصميمات الداخلية وملفات الشعار فقط. استخدم التصميم الداخلي لأغراض التسويق؛ استخدم الشعار وحده فقط في حال ضيق المساحة ووجود علامة تجارية معروفة بالفعل.
لأيقونات المواقع، وأيقونات التطبيقات، والصور الرمزية، وواجهة المستخدم المصغّرة. تتضمن ملفات App-tile الخلفية الملونة؛ لا تقم بقصها أو تغيير لونها.
استخدم خاصية التثبيت بالألوان الكاملة على الخلفيات الفاتحة، وخاصية التثبيت على الخلفيات الداكنة للخلفيات الداكنة الكاملة. في الصور الفوتوغرافية أو على الأسطح المزدحمة، أضف طبقة شفافة أو بدّل إلى خاصية التثبيت المعكوسة لضمان وضوح العلامة.
لا تقم بتمديد أو تشويه
لا تضيف خطوطًا خارجية
لا تقم بتدوير القفل
لا تضعها على خلفيات مزدحمة بدون تباين
حافظ على مساحة خالية
يتكامل اللونان الوردي والبنفسجي بشكل مثالي، وليسا بديلين. يجذب اللون الوردي النظر نحو الاتجاه والحركة، بينما يحمل اللون البنفسجي جوهر العملية. أما الألوان المحايدة فتؤدي الدور الأكبر في واجهة المستخدم للمنتجات والنصوص المطولة.
استخدم اللون الوردي عندما تريد إظهار الزخم أو التركيز على إجراء رئيسي. استخدم اللون البنفسجي عندما تُظهر بنية أو مقاييس أو ثقة من خلال البيانات. التدرج اللوني من الوردي إلى البنفسجي مخصص للأبطال والفرق المميزة فقط. راجع التدرجات.
اللون الوردي الخاص بالعلامة التجارية. استخدم اللون الوردي في الاتجاهات، وعبارات الحث على اتخاذ إجراء، والمربع الرئيسي في شعار العلامة. لا تغير درجة اللون أو تشبع اللون.
#E20F7A rgb(226 15 122) --pink
اللون الأرجواني للعلامة التجارية. الدليل، وبنية واجهة المستخدم للمنتج، والمربع اللاحق في شعار العلامة. لا تقم بتغيير درجة اللون أو التشبع.
#5270F5 rgb(82 112 245) --purple
#FCE4F1 rgb(252 228 241) --pink-light
#EEF0FE rgb(238 240 254) --purple-light
#111318 rgb(17 19 24) --dark
#0A0A0A rgb(10 10 10) --black
#FFFFFF rgb(255 255 255) --white
#F9FAFB rgb(249 250 251) --off-white
تتدرج الألوان من الوردي إلى البنفسجي: نفس فكرة شعار العلامة التجارية، ولكن بشكل متواصل. استخدمها باعتدال في العناصر الرئيسية، وعبارات الحث على اتخاذ إجراء، وأشرطة التسويق المميزة، ولا تستخدمها أبدًا خلف نص المحتوى.
العناوين الرئيسية، وعناوين الصفحات، وعناوين الأقسام. استخدم الأحرف الكبيرة في بداية الجملة لأغراض التسويق؛ تجنب استخدام الأحرف الكبيرة فقط باستثناء العناوين القصيرة.
التنفيذ الاستراتيجي، أصبح واضحاً
نص المحتوى، وتسميات واجهة المستخدم، والنصوص الداعمة. تمت الموافقة على الأوزان 400 و500 و700.
منصة واحدة للتوجيه، و KPIs، و OKRs، وتنسيق الفريق.
تُستخدم الصور الفوتوغرافية جنبًا إلى جنب مع واجهة المستخدم للمنتج، والرسوم البيانية، والرسومات التسويقية. نستخدمها في أبرز عناصر الحملات، ونماذج واجهة المستخدم، ولحظات العمل والفريق، والصور الرمزية الصغيرة داخل شاشات التطبيق (الجداول الزمنية، والهياكل التنظيمية، وشرائح تحديد المهام). يجب أن تدعم كل صورة الاستراتيجية والتنفيذ بنص واضح، ولون العلامة التجارية، وسياق مناسب.
تشمل صور الإنتاج إطارات الحملات، ونماذج واجهة المستخدم، ولقطات مكان العمل، وصور الفريق، وصور واجهة المستخدم الرمزية. لكل نوع قواعده الخاصة بالحجم والتوريد الموضحة في البطاقات أدناه، بالإضافة إلى قائمة مختصرة بما لا يجب شحنه.
قم بربط شخص أو رمز علامة تجارية معتمد بمشهد مُصمّم: شريط متدرج الألوان أو ملون، وعنوان رئيسي، وواجهة مستخدم المنتج في المقدمة. ينبع الدفء والمصداقية من العنصر البشري؛ ويأتي الدليل من واجهة المستخدم. يمكن أن تمتد الفتحات فوق الشريط عندما تظل القراءة واضحة.
صمم رسومات واجهة مستخدم أنيقة ومشاهد مركبة، بدلاً من صور الأجهزة المعروفة (لا تستخدم صورًا لأجهزة iPhone أو MacBook أو غيرها من الأجهزة ذات العلامات التجارية). استخدم أشكال شاشة محايدة، أو بطاقات متعددة الطبقات، أو إطارات تجريدية حتى لا تصبح الصور قديمة مع تحديث المنتجات. اربط الصور بواجهة المستخدم عندما يخدم ذلك القصة؛ حافظ على وضوح النصوص والبطاقات. استخدم الصور الأصلية بدقة كاملة؛ لا تقم بتمديد الصور المقتطعة منخفضة الدقة.
اعرض مكاتب وورش عمل حقيقية، ولحظات عمل واقعية في صفحات "نبذة عنا"، وقسم الثقافة، وقسم الوظائف، والمقالات التحريرية. فضّل الإضاءة الطبيعية، والمساحات الأصيلة، والفرق المتنوعة على المكاتب النمطية الجاهزة. أضف طبقة شفافة أو متدرجة اللون عند وضع نص فوق الصورة.
استخدم صورًا شخصية ودودة ومجموعات صغيرة لإبراز القيادة، وإثبات المصداقية الاجتماعية، ومحتوى الشركاء. حافظ على ملابس محايدة أو متوافقة مع العلامة التجارية. استخدم واجهة المستخدم الخاصة بالمنتج أو العناوين الرئيسية عندما تدعم الصورة حملةً ما، وليس كخلفية منفصلة للصور الشخصية.
استخدم صورًا شخصية مقصوصة بحجم الصورة الرمزية (حوالي ٢٤-٤٠ بكسل) في الجداول الزمنية، والمخططات التنظيمية، وشرائح التعيين، وصفوف إثباتات المشاركة. استخدم فقط الصور المقصوصة المعتمدة من مجموعة أدوات العلامة التجارية بهذا الحجم. لا تقم أبدًا بتكبير ملفات الصور الرمزية للأبطال أو فرق الحملات.
صور شخصية عشوائية، صور جاهزة للمصافحة، صور رئيسية تغطي كامل الصفحة دون أي سياق للمنتج أو الرسالة، أو نماذج أولية محصورة بأجهزة استهلاكية معروفة. يجب أن توضح الصور المنصة، أو تعرض أعمالاً حقيقية، أو تدعم العنوان. إذا لم تفعل أيًا من ذلك، فاختر الرسومات أو واجهة المستخدم بدلاً من ذلك.
تجمع تصاميم إطلاق الحملات الإعلانية بين شخصية حقيقية أو رمز للعلامة التجارية وبطاقة واجهة مستخدم المنتج على خلفية جريئة للعلامة التجارية. يحمل العنوان الرئيسي الوعد، بينما تحمل بطاقة واجهة المستخدم الدليل، وقد تبرز الصورة من الحافة العلوية عندما تبقى القدمان مثبتتين في أسفل الشريط.
مثال على التركيب. استخدم صورًا عالية الدقة ومرخصة أو قصاصات معتمدة للعلامة التجارية بحجم الحملة الكامل.
الصور المعتمدة مخصصة فقط للنماذج الأولية وواجهة المستخدم للمنتج. اعرضها بالحجم الموضح أدناه. بالنسبة للحملات الإعلانية، أو أماكن العمل، أو فرق العمل، يرجى الحصول على صور منفصلة بدقة كاملة.
يجب ألا يقل طول صور الحملات، والنماذج الأولية، وأماكن العمل، وفرق العمل عن 1200 بكسل على الحافة الأطول قبل التصدير. يُرجى تسليم الصور بصيغة WebP أو AVIF للويب. تبقى ملفات مجموعة الصور الرمزية بحجمها الأصلي الصغير. يُرجى طلب مراجعة العلامة التجارية عند دمج الصور مع شعارات الشركاء أو العلامات التجارية المشتركة.
نستخدم في جميع أنحاء الموقع الإلكتروني، وصفحات الميزات، والحملات الإعلانية، بطاقات ذات تصميم واجهة مستخدم انسيابي، وطبقات شفافة، وألوان علامة تجارية هادئة. الهدف هو تحقيق العمق والوضوح، وليس مجرد الزخرفة.
يكفي عنصر بصري رئيسي واحد لكل بطل أو قسم. دع النص والتباعد ومجموعة البطاقات المتراصة تحمل القصة. إذا كان كل شيء صارخًا، فلن يكون لأي شيء تأثير.
تُشكّل الألوان المحايدة (الأبيض، والأبيض المائل للصفرة، والنصوص الداكنة) أساس التصميم. يظهر اللونان الوردي والبنفسجي كلونين ثانويين: على الحواف العلوية للبطاقات، وخطوط المخططات، والشارات، وأشرطة التدرج اللوني في الأجزاء الداكنة. تجنّب ملء مساحات واسعة بتدرجات ألوان العلامة التجارية الكاملة خلف واجهة المستخدم المزدحمة.
استخدم بطاقتين أو ثلاث بطاقات متداخلة مع إزاحة طفيفة، وتدوير خفيف، وظلال ناعمة. تكفي بطاقتان عندما تكون القصة بسيطة؛ أضف بطاقة ثالثة فقط إذا كانت تضيف سياقًا. تحمل البطاقة الأمامية الرسالة؛ بينما توحي البطاقات الخلفية بتفاصيل داعمة.
ضع الرسومات داخل لوحات العينات أو على خلفيات هادئة. على الصور الفوتوغرافية أو الأشرطة الداكنة، أضف طبقة شفافة بلون ثابت أو متدرج حتى يظل النص والبطاقات واضحين. توضع البطاقات فوق الخلفية؛ فلا تتنافس معها.
مثال يتضمن ما يصل إلى ثلاث بطاقات: تحتوي كل طبقة على عنوان وإشارة واحدة لواجهة المستخدم. تحمل البطاقة الأمامية العنوان الرئيسي؛ أما البطاقات الخلفية فتبقى أخف وزنًا ولكنها قابلة للقراءة. استخدم بطاقتين فقط عندما يكون ذلك كافيًا.
شبكات مسطحة ذات تدرجات لونية صارخة، وأشكال متنافسة، ومربعات متساوية الوزن. تبدو هذه الشبكات مشوشة وتضعف قصة المنتج.
ابدأ من شاشات تطبيق Elevale الحقيقية وأنماط واجهة المستخدم في لقطات الشاشة والرسومات التسويقية. يمكنك تبسيط عناصر التحكم الثانوية أو اقتصاصها أو إزالتها عندما يُصبح ذلك أكثر وضوحًا. حافظ على الألوان المحايدة الهادئة، واستخدم لون ساتوشي لنصوص واجهة المستخدم، واللون الوردي أو البنفسجي فقط عندما يُبرز المنتج الحالة والرسوم البيانية والإجراءات.
استخدم تصميمات وخطوط ومكونات أصلية من Elevale. لأغراض التسويق، لا بأس بتصغير واجهة المستخدم: حذف اللوحات الجانبية، أو تقليص شريط التنقل، أو إخفاء الميزات التي لا تدعم الرسالة. الهدف هو شرح ما يهم، وليس عرض كل عنصر تحكم على الشاشة. تجنب نسخ واجهة المستخدم ولصقها في نوافذ متصفح عشوائية، أو تغيير ألوان قالب لوحة تحكم عام ليتناسب مع هوية علامتك التجارية.
تبقى الخلفيات بيضاء أو بيضاء مائلة للصفرة. يظهر اللونان الوردي والبنفسجي على عناصر التنقل النشطة، ومؤشرات التقدم، وسلاسل الرسوم البيانية، والشارات، والأزرار الرئيسية داخل التطبيق. تجنب استخدام تدرجات لونية غير موجودة في واجهة المستخدم الفعلية في لقطة الشاشة.
ركز على إطار سير العمل الذي تشرحه: الاتجاه، أو عناصر G0، أو G1، أو لوحات المعلومات. أزل المساحات الفارغة، والوحدات غير ذات الصلة، وعناصر واجهة المستخدم غير الضرورية، حتى يرى المشاهد نتيجة واحدة واضحة، وليس المنتج بأكمله دفعة واحدة.
تُعدّ لقطات الشاشة الكاملة، ذات الطابع الوثائقي، مناسبةً لدراسات الحالة والوثائق وعروض المبيعات. أما بالنسبة للعناصر الرئيسية في الموقع الإلكتروني، فيُفضّل استخدام الصور المُبسّطة أو الرسومات المُكوّنة من طبقات في قسم الرسومات التسويقية عندما تحتاج إلى عرض تفاصيل أكثر دون إظهار التطبيق بأكمله.
تتشارك واجهة المستخدم الخاصة بالمنتج والتسويق في أنصاف الأقطار والظلال ومعالجات الأزرار من نظام التصميم.
استخدم إجراءً رئيسيًا واحدًا لكل عرض. في واجهات التسويق ذات الألوان الفاتحة، قم بإقرانه بنص ثانوي أو عنصر محدد. احتفظ بالأزرار الشفافة للخلفيات الداكنة فقط.
يستخدم قالب Elevale أيقونات Luside ذات الخطوط الخارجية في صفحات التسويق، وأقسام الميزات، ونماذج واجهة المستخدم. يضمن استخدام عائلة واحدة، وسمك خط واحد، وحجم صغير سهولة تصفح عناصر التنقل والبطاقات.
التزم بأحجام 16 و20 و24 بكسل. يمكن استخدام حجم 28 بكسل في بطاقات التسويق المميزة للتأكيد؛ لا تبتكر أحجامًا فريدة.
جميع أسماء Lucide المسجلة على موقع التسويق. ابحث عن الاسم، ثم انسخه لتسليم التصميم أو احصل على مقتطفات جاهزة لوحدات Astro وWebflow.
aria-hidden="true" على الأيقونات الزخرفية؛ فالنص المجاور يحمل معنى.تستخدم Elevale الحركة في جميع أنحاء الموقع التسويقي والمنتج: حركة خلفية جذابة، وكشف المحتوى عند التمرير، وحالات التمرير، وبطاقات متداخلة، وصور GIF تُضفي لمسة من الدفء والفكاهة. يجب أن تُوجّه الحركة الانتباه وتُعزّز الوضوح، لا أن تُنافس الرسالة.
كل حركة متحركة تجيب على سؤال: ما الذي تغير؟ ما الذي يهم لاحقاً؟ ما الذي نجح؟ إذا لم تساعد الحركة شخصاً ما على المسح أو الفهم أو الاحتفاء، فاحذفها.
حركة بؤرية واحدة لكل نافذة عرض. تجنب الفوضى المتكررة، أو استخدام تأثير اختلاف المنظر لمجرد استخدامه، أو ارتداد عناصر متعددة في وقت واحد. تستخدم الرسومات التسويقية بالفعل العمق؛ لذا يجب ألا تُثقل الحركة كاهلها.
استخدم خاصية التباطؤ التدريجي عند الدخول، وخاصية التباطؤ التدريجي عند الدخول والخروج عند التبديل. تتراوح مدة معظم انتقالات واجهة المستخدم بين 200 و400 مللي ثانية؛ أما تأثيرات الإضاءة المحيطة في الصفحة الرئيسية فيمكن أن تستمر لفترة أطول ولكنها تظل خفيفة.
قم بتغليف الحلقات الزخرفية واجعلها تتحرك بانسيابية باستخدام prefers-reduced-motion: no-preference. قد تستمر تغييرات الحالة الأساسية (فتح القوائم، التركيز) في التحرك بشكل خفيف أو بشكل فوري عندما يطلب المستخدمون تقليل الحركة.
تظهر هذه الأنماط في جميع أنحاء موقع elevale.com وصفحات الميزات. استخدمها عند توسيع الموقع أو المواد التسويقية للشركاء.
تظهر كرة ناعمة متوهجة في تطبيق Elevale عند التحدث إلى أوتو صوتيًا. تشير هذه الكرة إلى أن الجلسة مباشرة وتتفاعل مع الصوت، بينما يحمل نص المحادثة ورد أوتو الرسالة الفعلية.
في هذا المنتج، يتم رسم الكرة مباشرةً على الشاشة (وليس ملف فيديو أو صورة ثابتة). وهي العنصر المرئي الرئيسي لوضع الصوت: هادئة عند عدم استخدام الجهاز، وأكثر نشاطًا عند التحدث، وأكثر دفئًا أثناء حديث أوتو. إنها ليست شعارًا، أو مخططًا بيانيًا، أو محللًا طيفيًا بأشرطة.
يتم استخدام نفس مكون الكرة في تصميمين، يتم تشغيلهما بواسطة نفس جلسة الصوت:
كرة كبيرة (حوالي 320 بكسل) تتوسط شاشة الصوت. النقر على الكرة قد يقاطع أوتو أثناء حديثه.
كرة صغيرة (حوالي 92 بكسل) في شريحة الصوت المصغرة. يؤدي النقر عليها إلى العودة إلى عرض المحادثة؛ وتوجد أزرار كتم الصوت وإنهاء المحادثة فوق الكرة.
تتبع الحركة الصوت الحقيقي من الجلسة، وليس الرسوم المتحركة العشوائية:
تخيل الكرة على أنها ضوء ناعم متعدد الطبقات، وليست كرة ثلاثية الأبعاد صلبة أو شاشة عرض موجية:
تستخدم صفحات الميزات على موقع elevale.com نسخة مبسطة من هذا التصميم باستخدام CSS للنماذج الثابتة. أما تطبيق Orb المباشر فهو أكثر ثراءً ويرتبط بميكروفون حقيقي وتشغيل الصوت.
تتداخل درجات الوردي الفاتح واللافندر من الألوان الأساسية للعلامة التجارية باتجاه الأبيض. لا توجد تدرجات قوس قزح، أو ألوان مسطحة، أو حواف حادة. يستخدم اللون الهادئ درجات محايدة رمادية فقط.
الشخصية والأسلوب المناسبان لحياة أوتو أوتو.
مرر المؤشر فوق البطاقة والزر لعرض التباطؤ والمدة النموذجية.
تُضفي الصور المتحركة (GIFs) على Elevale طابعًا واقعيًا، فهي تُشعر المستخدم بأنه شخص حقيقي وليس مجرد كتيب دعائي: احتفالات في المنتج، وتفاعلات في المحادثات، ولحظات مرحة في التسويق. استخدمها عندما تستحق اللحظة لمسة من الدفء أو الابتسامة، مع الحفاظ على اللطف والتوافق مع هوية العلامة التجارية، ولكن دون تكلف أو جمود لمجرد الظهور بمظهر "الجدية".
تأتي صور GIF الاحتفالية وردود الفعل المعتمدة مع أصول الموقع ومجموعة العلامة التجارية. اطلب إضافات من خلال فريق العلامة التجارية. نحن منفتحون على الحلقات المرحة التي لا تزال تحمل طابع Elevale المميز.
ملف GIF معتمد من المكتبة، بنبرة مرحة أو احتفالية، يدعم الرسالة، وحجم ملف معقول.
ثقافة الميمات المثيرة للجدل، أو السياسية، أو المسيئة، أو غير ذات الصلة. لا للصدمة، أو العنف، أو الإثارة.
بصفتك شريكًا تسويقيًا أو شريك إحالة، يمكنك تعريف جمهورك بـ Elevale باستخدام اسمنا الرسمي وهويتنا البصرية. حافظ على هوية Elevale المميزة (وليس كعرض مُعاد تصميمه من قِبلك). استخدم المواد المعتمدة من هذه المنصة، واحصل على موافقة خطية من علامتك التجارية قبل إطلاق أي حملات مدفوعة أو ذات انتشار واسع.
على عكس الموزعين، لا يقوم المسوقون بالعمولة ببيع منتجات تحمل علامات تجارية أخرى. إذا كنت ترغب في البيع تحت علامتك التجارية الخاصة، فاقرأ قسم "الموزعين" (الموزعين). ينطبق هذا القسم إذا كنت تشارك Elevale فقط مع شبكتك.
استعن بمجموعة أدوات العلامة التجارية. وعند الشك، استخدم عناصر أقل بدلاً من الارتجال.
Elevale قفل بارز، ألوان معتمدة، دعوة واضحة لاتخاذ إجراء لرابط الإحالة الخاص بك، وإفصاح صادق.
شعار مُعاد تلوينه، أو اسم منتج مُبتكر، أو استبدال علامتك التجارية بعلامتنا التجارية في حملة ترويجية Elevale.
يجب على المشاركين في برنامج إحالة العملاء اتباع هذا القسم عند ذكر Elevale علنًا. قواعد البرنامج والعمولات موجودة على صفحة برنامج الإحالة.
قد تقوم Elevale بتعليق أو إنهاء وصول الشركاء، أو حجب العمولات، أو طلب إزالة المحتوى المخالف. ويمكن أن يؤدي سوء الاستخدام المتكرر أو الجسيم إلى إنهاء العلاقة.
يُشغّل الموزعون المعتمدون منصة Elevale كمنتج خاص بهم. تتضمن المنصة شعارك ولونك الأساسي ونطاقك في جميع مساحات عمل العملاء، مع الحد الأدنى من علامات Elevale التجارية في تجربة المستخدم. أنت في الصدارة، ونحن نتولى تشغيل المنصة في الخفاء.
تم تصميم برنامج إعادة البيع لعلاقتك مع عملائك واستراتيجيتك في السوق، وليس للترويج لـ Elevale كعلامة تجارية رائدة.
لا يرى العملاء علامتك التجارية إلا داخل بيئة العمل. في حملات التسويق والمبيعات، قدّم المنصة كمنتجك ومنهجيتك، تحت اسمك وشعارك.
لا يبيع الموزعون ذوو العلامات التجارية الخاصة منتجاتهم كشركاء تسويق لـ Elevale. يُسمح باستخدام علامتنا التجارية المشتركة فقط في حالات نادرة تتطلب ظهور كلا الاسمين على منتج واحد. راجع العلامة التجارية المشتركة إذا كان ذلك ينطبق عليك؛ وإلا، تجنب استخدام Elevale في المواد الإبداعية الموجهة للعملاء أو في حملات التسويق.
لا تحتاج إلى موافقة لإجراء عمليات التكوين اليومية ذات العلامة البيضاء داخل لوحة تحكم الشريك. تواصل مع Elevale قبل إطلاق أي حملات خارجية تذكر Elevale بالاسم، أو تستخدم Otto، أو تُشوش التمييز بين علامتك التجارية وعلامتنا.
برنامج إعادة البيع للاستفسار عن العلامة التجارية، يرجى التواصل معنا.
عند ظهور كل من Elevale وعلامة الشريك على نفس العنصر (صفحة رئيسية للموقع، شريحة عرض، لافتة فعالية)، يُرجى اتباع قواعد العلامة التجارية المشتركة. يجب على المسوّقين بالعمولة الذين يروّجون لـ Elevale فقط اتباع قواعد المسوّقون بالعمولة. أما العلامات التجارية الخاصة بالموزعين فهي منفصلة: الموزعون.
قم بتنزيل الشعارات، ومراجع الألوان، والقوالب من مجلد العلامة التجارية المشترك لدينا.
تعريفات مختصرة للمصطلحات المستخدمة في هذه الإرشادات.
إجابات سريعة حول تطبيق العلامة التجارية Elevale في مواد التسويق والمنتجات والشركاء.
استخدم شعار كامل الألوان على خلفية بيضاء أو بيضاء مائلة للصفرة. على خلفيات داكنة، استخدم شعار على خلفية داكنة (شعار ملون، وكلمة بيضاء). لواجهة المستخدم الداكنة للتطبيقات أو المناطق ذات التباين المنخفض، استخدم شعار معكوس (أبيض بالكامل). راجع المتغيرات والاستخدام.
يُستخدم هذا الخيار فقط عندما تكون المساحة محدودة للغاية والعلامة التجارية معروفة بالفعل: أيقونات المواقع، أو أيقونات التطبيقات المصغّرة، أو عناصر التنقل داخل المنتج. أما بالنسبة للعروض التقديمية والإعلانات والمستندات، فيُرجى استخدام الشعار الكامل. راجع الخيارات.
لا. لا تُغيّر الألوان، أو تُضف تأثيرات، أو تُدوّر، أو تُمدّد الشعار. استخدم ملفًا مُعتمدًا من مجموعة العلامة التجارية أو مكتبة الشعارات بدلًا من تعديل العمل الفني.
اترك مسافة فارغة لا تقل عن 1 × x من كل جانب، حيث يمثل x ارتفاع وحدة الزاوية الوردية في شعار العلامة (20 بكسل في الحجم القياسي). راجع Anatomy و glossary.
نعم، إذا كان التباين قويًا بما يكفي. أضف طبقة شفافة فاتحة أو داكنة خلف الشعار، أو استخدم الشعار المعكوس على منطقة مظلمة. تجنب الخلفيات المزدحمة التي لا تحتوي على تباين كافٍ. راجع الاستخدام.
استخدم التنزيلات لفتح مجموعة أدوات العلامة التجارية من Google Drive (شعارات SVG وPNG، ومراجع الألوان، والقوالب). وللحصول على أحدث الشعارات فقط، استخدم الانتقال إلى مكتبة الشعارات في قسم النسخ المختلفة.
استخدم العلامة التجارية المشتركة عندما تظهر كلتا العلامتين على نفس المادة التسويقية (الموقع الإلكتروني، العرض التقديمي، الفعالية). حافظ على نفس القدر من الوضوح البصري، مع مسافة لا تقل عن 24 بكسل أو فاصل، ولا تُغير أيًا من العلامتين. راجع العلامة التجارية المشتركة. أما الموزعون الذين يقدمون منتجًا يحمل علامة تجارية خاصة بالعميل، فعليهم اتباع الموزعون بدلاً من ذلك.
بإمكان الموزعين تخصيص تجربة العميل (شعارك، لونك، نطاقك) وتسويق المنصة كعرض خاص بهم. يُرجى عدم عرض علامة Elevale التجارية للعملاء النهائيين. تجدون الإرشادات الكاملة في الموزعون أو على صفحة برنامج الموزعين.
يجب عليك استخدام أصول Elevale الرسمية، والإعلانات المعتمدة، والرسائل المتوافقة مع علامتك التجارية، ورابط التتبع الخاص بك. لا يجوز لك تعديل الشعار، أو استخدام علامة تجارية أخرى، أو تشغيل حملات مدفوعة دون موافقة. راجع القواعد الصارمة في الشركاء وشروط البرنامج في إحالة صديق.
استخدم خط Coolvetica Condensed لعناوين العرض، وخط Satoshi لنصوص المحتوى وواجهة المستخدم (بأوزان 400، 500، 700). لا تستخدم خطوطًا مشابهة. قم بتنزيل Coolvetica و Satoshi من Google Drive، أو راجع Display و Body.
للحملات أو المنتجات أو الاستخدامات غير المذكورة هنا، يُرجى التواصل مع Elevale عبر صفحة التواصل قبل النشر. يرجى إرفاق نماذج أولية والقنوات المُستهدفة لنتمكن من التأكد من اختيار الشعار المناسب وطريقة دمج العلامات التجارية.
عندما يُمثّل حلاً: الوضوح، والطاقة، والبهجة، والتوجيه الهادف، لا المشكلة، أو التميمة، أو مجرد دعامة. اقرأ أوتو للاطلاع على السياقات وقواعد الموافقة، ثم تواصل مع فريق العلامة التجارية قبل النشر الخارجي.