التصميم · العلامة التجارية
01

هوية بصرية منجزة
شعار، لوحة ألوان، خطوط

02

منافس في التحليلات
حسب اللون والخط

03

قطاعًا في العمل
من التقنية المالية إلى الصناعة

التصميم والعلامة التجارية — من الشعار إلى نظام التصميم

ما يتضمّنه دليل العلامة
01

طبقات النظام
الرمز · اللون · الخط · الشبكة

02

وضعان جاهزان
الفاتح والداكن

03

من الرموز في الكود
التصميم يتحوّل إلى كود

الشعار واللون والخط والشبكة — مجموعة في لغة واحدة

كيف نعمل0:45

نبني العلامة كنظام — من الرمز إلى الرموز البرمجية

فيديو بمشاريع استوديو krylov®

01التصميم والعلامة التجارية

لا يحتاج معظم الناس إلى «شعار جميل آخر». يحتاجون إلى علامة كنظام: لون وخط وشبكة من الرموز البرمجية تعمل بثقة متساوية في العرض التقديمي وعلى الموقع وفي الكود

رسلان كريلوف

مؤسس استوديو krylov®

كيف نعمل

نبني العلامة كنظام — من الرمز والشعار إلى لوحة الألوان والخطوط والشبكة والرموز البرمجية للموقع والكود

01التصميم والعلامة التجارية

المطلوب ليس «شعارًا جميلًا آخر»، بل علامة كنظام: لون وخط وشبكة من الرموز البرمجية موحّدة على الموقع وفي الكود والعرض التقديمي

رسلان كريلوف

مؤسس استوديو krylov®

01تحليل · ألوان المنافسين

خريطة ألوان المنافسين

المحور X لون العلامة، المحور Y الوضع الفاتح/الداكن. كل اللاعبين على خريطة واحدة — المناطق المشغولة واضحة فورًا.

كونتور
أوربيتا
ياسنو
فيكتور
دومين
سفيرا
بولوس
ريتم
الخلاصة

الطرف الأزرق متاح

الوسط والطرف الدافئ مشغولان. الأزرق الكهربائي النقي متاح — هناك نضع لمسة العلامة.

02تحليل · خطوط المنافسين

خطوط المنافسين

المحور X مصدر الخط، المحور Y وزن العناوين. من الأعلى إلى الأسفل — من الخفيف إلى الأثقل.

الوزن 400الوزن 900خطوط Google المجانيةتراخيص تجاريةمخصّص
أ بأوربيتاInter
أ بكونتورManrope
أ بياسنوGolos Text
أ بفيكتورCirce
أ بدومينTT Commons
أ بسفيراStapel
أ بريتمInvolve
أ ببولوسDruk
03تحليل · صور الجمهور

صور الجمهور المستهدف

لمن يبيع المنافسون. العمر والدور والمهارات الأساسية لنواة الجمهور — لكل لاعب في القطاع.

42 عامًا · شركة كبرى
مدير تقنية المعلومات
  • اختيار المورّد
  • الميزانية ودراسة الجدوى
  • الامتثال
36 عامًا · خدمات
مدير مركز الاتصال
  • مؤشرات مستوى الخدمة
  • عمليات BPM
  • تحليلات الكلام
38 عامًا · أعمال كبرى
مشتري تقنية المعلومات
  • المناقصات والمشتريات
  • الترخيص
  • إدارة الموردين
47 عامًا · صناعة
مدير التحول الرقمي
  • تحديث الأنظمة القديمة
  • خبرة قطاعية
  • إدارة البرامج
04تحليل · خريطة الجمهور

أين هم على الخريطة

المحور X العمر، المحور Y النضج الرقمي. تظهر فورًا الفجوة بين صنّاع القرار المخضرمين والمستخدم العام — وأين يحتاج المنتج إلى لغته الخاصة.

النضج الرقمي ↑جمهور عام ↓حتى 3030–4040+
طالبجمهور عام · 21
باحث عن عملجمهور عام · 25
مستخدمجمهور عام · 29
قائد فريقB2B · 33
مدير منتجB2B SaaS · 35
مسؤول نظامB2B · 40
مسؤول مشترياتمشتريات IT · 38
صانع القرارعميل · 42
الخلاصة

عالمان مختلفان

القرار يتّخذه محترفو B2B المخضرمون، بينما يستخدمه الجمهور العام. لكلٍّ منهما رسائله وواجهته الخاصة.

05الاتجاه · الاتجاهات

اتجاهات التصميم

هوية لا تتقادم بعد موسم. لا نُدخل في النظام إلا ما يخدم العلامة على المدى الطويل.

/01

هدوء الواجهة

زخرفة أقل ومساحة أكبر: خطوط رفيعة، شبكة هادئة، ولمسة لونية فقط حيث يُتَّخذ القرار.

/02

الفن كلغة

الرسم والغرافيك بدل الصور الجاهزة — بصمة بصرية مميّزة للعلامة.

/03

تخطيط يتنفّس

هوامش واسعة، تسلسل طباعي واضح، وإيقاع من المسافات — محتوى يُقرأ بلا عناء.

/04

أنظمة الرموز

اللون والخط والمسافات كمتغيّرات — مصدر واحد للحقيقة بين التصميم والكود.

/05

الفاتح والداكن افتراضيًا

كل لمسة لونية بقيمتين: الهوية تعمل في الوضعين دون تعديل.

/06

الحركة أولًا

تُصمَّم الهوية في الحركة منذ البداية: الشعار، الانتقالات، والحركات الدقيقة.

06الاتجاه · المبادئ

ستة مبادئ لجمالية جديدة

البساطة
المنتج كعمل فني
رفض الضجيج
الاستدامة
المساحة تتنفّس
التركيز على الأهم
07الاتجاه · التركيب

مِمّ يتكوّن العرض

ألوان المنافسين

الوسط والطرف الدافئ مشغولان — الأزرق النقي متاح

خطوط المنافسين

خطوط غروتيسك وجاهزة — الطابع المميّز متاح

صور الجمهور

محترفو B2B فوق الثلاثين والقطاع الحكومي

الاتجاهات

الهدوء والفن والمساحة

العملاء الكبار

القطاع الحكومي والشركات الكبرى: الثقة شرط أساسي

السوق المحلي

دعم العربية، الكتابة من اليمين، الامتثال المحلي

العلامة.
الألوان · اللمسة اللونية

منافسون في منطقتنا الزرقاء. وسط الطيف وطرفه الدافئ مشغولان.

لمسة لونية للنظام كلّه. الأزرار والروابط والرسوم والتعبئات.

وضعان جاهزان. اللون يعمل بالتساوي على الفاتح والداكن.

لون واحد. موقف واحد — من الزر إلى النظام كلّه

ليس أزرق الشركات الباهت ولا الأحمر المُقلِق. الأزرق الكهربائي النقي — لون الفعل والوضوح: يجعل الأهم بديهيًا ويترك ما عداه للهدوء، ويعمل بثقة متساوية في الوضعين الفاتح والداكن.

08الألوان · ثلاثة ألوان

ثلاثة ألوان تحمل النظام كلّه: لون مميّز، وداكن، وفاتح. ألوان أقل، نظام أوضح.

PRIMARY
HEX #2E6BFF · RGB 46, 107, 255
CMYK 82, 58, 0, 0 · PANTONE ≈ 2727 C
INK
HEX #141A17 · RGB 20, 26, 23
CMYK 23, 0, 12, 90 · PANTONE ≈ Black 3 C
GREY
HEX #ECEFEA · RGB 236, 239, 234
CMYK 1, 0, 2, 6 · PANTONE ≈ Cool Gray 1 C
09الألوان · تركيبات اللون

تركيبات اللون الممكنة

3 ألوان · 12 زوجًا عمليًا

نبدّل الخلفية واللمسة اللونية يبقى كل زوج متباينًا ومميّزًا

التباين

كل زوج يجتاز AA · الوضع الفاتح والداكن

10الألوان · النص على اللون

تركيبات النص الممكنة

أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
أ ب
النص على اللون · 12 زوجًا

العنوان والنص يُقرآن على أي خلفية من اللوحة التباين مُدمَج في النظام دون استثناء

أ ب

الوضوح

حد أدنى AA على جميع التركيبات

لون واحد. موقف واحد من الزر إلى النظام كلّه

اللوحة · لمسة لونية واحدة
01

طبقات النظام
الرمز · اللون · الخط · الشبكة

02

وضعان جاهزان
الفاتح والداكن

03

من الرموز في الكود
التصميم يتحوّل إلى كود

11الألوان · أ ب · داكن
أ ب
12الألوان · أ ب · فاتح
أ ب
13الخطوط · اختيار الخط
طابع واحد — للعلامة الأم والمنتجات والموقع
أ ب
Cairo — Google Fonts · OFL · عربي

يتقاسم المنافسون الخطوط الجاهزة وTT Commons المستعار. يحتل Cairo المنطقة الشاغرة على الخريطة طابع مميّز وأوزان فائقة الثقل، ويدعم العربية بشكل أصلي

أ ب

Cairo

اختيار بناءً على خريطة الخطوط

14الخطوط · التسلسل

خط واحد كامل التسلسل

300
خفيف
400
عادي
500
متوسط
700
عريض
900
أسود
15الخطوط · تفاصيل Cairo
خط
محارف مميّزة

فتحات مفتوحة — وضوح في الأحجام الصغيرة وعلى الشاشات.

إيقاع منتظم في الواجهة وعلى الملصق.

دعم كامل للعربية دون تنازلات.

16الخلاصة · الأسئلة الشائعة

الأسئلة الشائعة

نظام: رموز للّون والخط والمسافات، شعار، إرشادات وأمثلة حيّة. منطق واحد للعرض التقديمي والموقع والكود.