الناس في قلب التجربة
هوية دافية ومرحّبة وقريبة من الضيافة الحقيقية. ورا كل نشاط أكل ناس، مش مجرد أرقام طلبات.
انتقل لمحتوى الهوية
Servdمنصة تجارة الطعام.اتجاه العلامة نظام الشعار 
الألوان الخطوط المسافات والأشكال التصوير 
الأكل هو البطل. 
سيب المكوّنات تتكلم. طريقة كلامنا تطبيقات الهوية سهولة الوصول التحميلات
هوية سيرفددليل الهوية · الإصدار ١.٠
مصمّمة لخدمة حلوة.
هوية واحدة لكل حاجة في سيرفد. دليل عملي للشعار والألوان والخطوط وطريقة كلامنا، من أول ضغطة لحد آخر ترابيزة.
حمّل ملفات العلامةServdمنصة تجارة الطعام.الخدمة الحلوة بتبدأ بالناس.
سيرفد بيربط الطلبات والمطبخ والمدفوعات والنمو، علشان أنشطة الأكل تركز على الأكل والناس اللي قدامها.
كل خدمتك. في مكان واحد.
الوضوح في التصميم
خلّي الخطوة الجاية واضحة. ادّي الفرق المشغولة معلومة مفيدة ومساحة مريحة وكلام مفهوم.
كل تفصيلة متوصّلة
من القائمة لتيكت المطبخ، كل نقطة في التجربة تحسّسك إنها جزء من نفس الخدمة.
توقيعنا. دايمًا سيرفد.
استخدم رمز سيرفد الأصلي: بنفسجي على الخلفيات الفاتحة، وأبيض على الخلفيات الغامقة. أضف اسم سيرفد لما السياق يحتاجه.
الرمز البنفسجي
حمّل SVG ↓الرمز الأبيض
حمّل SVG ↓سيب مساحة للشعار.
سيب مساحة فاضية حوالين الرمز من كل ناحية تساوي نص عرضه على الأقل. ابعد النصوص والحواف والشعارات التانية عن المساحة دي.
استخدم الرمز بحجم ٢٤ بكسل أو أكبر. راجع وضوحه بالحجم النهائي قبل النشر.
اعمل كده
- استخدم ملفات SVG الأصلية لجودة واضحة على الشاشات وفي الطباعة.
- حافظ على النسب الأصلية والألوان المعتمدة.
- استخدم النسخة البيضا على خلفية غامقة وهادية.
تجنّب
- شدّ الشعار أو تدويره أو إعادة رسمه.
- إضافة ظلال أو تدرّجات أو حدود للرمز.
- وضع الشعار فوق صورة أكل مزدحمة من غير تباين كافي.
بنفسجي يفتح النفس للألوان.
البنفسجي هو الأساس. الحبر الغامق بيدي الكلام ثقله، والمساحة البيضا بتحافظ على الوضوح. الألوان المساعدة بتضيف دفء للحكايات والرسومات.
بنفسجي سيرفد#4F18DB
حبر غامق#20213E
أبيض#FFFFFF
ليلكي#D9C8FF
خوخي#FF9B78
نعناعي#A7E3C4
خلّي الأبيض والحبر والبنفسجي في المقدّمة. استخدم الليلكي والخوخي والنعناعي كخلفيات مساعدة مع نص غامق. الألوان المساعدة مش مؤشرات لحالة الطلب.
قيم الهوية
:root {
--servd-violet: #4f18db;
--servd-ink: #20213e;
--servd-white: #ffffff;
--servd-lilac: #d9c8ff;
--servd-peach: #ff9b78;
--servd-mint: #a7e3c4;
--servd-font: 'Rubik', sans-serif;
}صوت واحد. بلغتين.
Rubik هو خطّنا الأساسي، بيجمع العربي واللاتيني في عيلة واحدة. عناوين واثقة وحروف مريحة ونصوص واضحة بتخلّي سيرفد مألوف باللغتين.
Rubik400 / 500 / 600 / 700
Good food.
Great service.
أكل حلو. خدمة أحلى.
عنوان رئيسيمصمّمة لخدمة حلوة.48–96 / 700
عنوان قسممصمّمة لخدمة حلوة.28–48 / 600
نص أساسيمصمّمة لخدمة حلوة.16–18 / 400
نص توضيحيمصمّمة لخدمة حلوة.14 / 400
استخدم ارتفاع سطر بين ١٫٥ و١٫٧ للنصوص. حاذي الفقرات مع اتجاه القراءة، ومن غير توسيع المسافات بين الحروف العربية. Instrument Serif لمسة للعناوين في الصفحة الرئيسية؛ Rubik أساس الهوية المشتركة.
مساحة أريح. خدمة أحلى.
ابني المسافات على وحدة ٤ بكسل. استخدم هوامش مريحة وأسْطح مدوّرة وعناصر أقل بتنافس على الانتباه.
4px
8px
12px
16px
24px
32px
48px
64px
كل مساحة ليها هدف
استخدم هوامش بين ١٦ و٢٤ بكسل على الموبايل، وحد أقصى لعرض المحتوى على الكمبيوتر. خلّي الفقرات الطويلة سهلة القراءة، ورتّب الأعمدة تحت بعض لما تحتاج مساحة.
حواف ناعمة. ترتيب واضح.
استخدم زوايا ١٢–١٤ بكسل للأزرار و٢٤–٣٢ بكسل للكروت والصور الكبيرة. خصّص البنفسجي للإجراء الأساسي، وخلّي الظلال خفيفة.
أكل حقيقي. يفتح النفس.
صور الأكل جزء من هويتنا. خلّي الملمس والمكوّنات وحِرفة الضيافة هم اللي يحكوا الحكاية.
اختار إضاءة طبيعية وملمس واضح وصورة صادقة للطبق. ابعد الكلام عن الأجزاء المزدحمة. استخدم صور عندك حق نشرها؛ صور المعاينة مش ضمن ملفات الهوية.
اتكلم كشريك بيساعد.
خلّي كلامك قريب وواضح ومحدّد. اتكلم عن اللي صاحب النشاط يقدر يعمله والخطوة اللي بعدها. اكتب عربي طبيعي يناسب الناس اللي بتقرأه.
إدارة أقل. خدمة أحلى.
اعمل كده
- «طلباتك ومطبخك ومدفوعاتك في مكان واحد.»
- «قائمتك. علامتك.»
- وضّح الخطوة الجاية بفعل مباشر وسياق مفيد.
تجنّب
- أرقام من غير دليل أو ضمانات أو ادّعاء «الأفضل في العالم».
- مصطلحات تقنية معقّدة لما فيه كلام يومي يوصل المعنى.
- ترجمة حرفية بتضيّع المعنى أو بتبان غريبة.
نفس سيرفد. في كل مكان.
من بوست على السوشيال لأيقونة التطبيق، استخدم نفس الرمز والألوان والخط. رسالة واحدة واضحة ومساحة للأكل.
خدمتك الحلوة الجاية بتبدأ هنا.
منصة تجارة الطعام.وش مألوف على كل شاشة.
استخدم الرمز الأصلي مع مساحة مريحة حواليه. تطبيقات الموبايل والويب بتشترك في هوية الصفحة الرئيسية الحالية.
التصميم الحلو بيرحّب بالكل.
وضوح القراءة وسهولة الوصول جزء من هويتنا. راجع كل شاشة باللغتين، على موبايل صغير وباستخدام لوحة المفاتيح.
اعمل كده
- حقّق تباين WCAG AA: ٤٫٥:١ للنص العادي و٣:١ للنص الكبير.
- وفّر مؤشر تركيز واضح وتسميات مفهومة ووصف للصور.
- اربط ألوان الحالة بنص أو أيقونة، واحترم تفضيل تقليل الحركة.
تجنّب
- نص أبيض على الألوان المساعدة الفاتحة.
- نص صغير أو عربي مقصوص أو عرض ثابت بيكسر الترجمة.
- الاعتماد على اللون لوحده لتوضيح النجاح أو الخطأ أو الاختيار.
Aa
أبيض على بنفسجي سيرفد
نسبة تباين ٨٫٤:١. مناسبة للنص العادي وفق WCAG AA وAAA.
جاهز تستخدم هوية سيرفد.
ملفات الشعار الأصلية وقيم الهوية المشتركة. استخدمها لما تكتب عن سيرفد أو تبني تجربة بهويتنا.
كل ملفات الهويةZIPالرمز البنفسجيSVGالرمز الأبيضSVGالرمز البنفسجي بخلفية شفافةPNGأيقونة التطبيق · ٥١٢ × ٥١٢PNGقيم ألوان وخط الهويةCSS
الحزمة فيها الرموز بالأبيض والبنفسجي بصيغ SVG وPNG، وأيقونة التطبيق وقيم CSS وإرشادات الاستخدام. الملفات لتعريف سيرفد، مش للإيحاء بشراكة أو تأييد.