هوية واضحة، هادئة، وتعرف طريقها.
تصفح مشاريعي وخبراتي واسلوبي وبصمتي. هذا المرجع يجمع ما هو موجود فعلا في الموقع: الرمز، الألوان، الخطوط، المكونات، التأثيرات، وطريقة الكلام.
01 · Logo
الشعار بتشكيلاته
النسخة الخضراء · خلفية بيضاء
النسخة البيضاء · خلفية خضراء
الرمز هو البطل: استخدمه منفردا في التنقل، favicon، البطاقات والمساحات الصغيرة. لا نحتاج إلى كتابة الاسم أسفل الشعار كجزء من الاستخدام اليومي.
02 · Colors
الألوان المستخدمة فعليا
03 · Typography
الخطوط الموجودة في الكود
Arabic · Cairo
قتيبة محمد
العناوين والنصوص العربية، بالأوزان الموجودة في layout.tsx.
Latin · Inter
Qotayba / 2026
اللاتينية والأرقام والشيفرات التقنية.
04 · Components
مكونات قابلة للاستخدام
بطاقات
سطح أبيض، حد خفيف، ظل محدود، وصورة تقود المحتوى.
تنقل
واضح، RTL أولا، وحالة نشطة يمكن ملاحظتها.
نوافذ ونماذج
تركيز واضح، رسائل مباشرة، وتدرج منطقي للمعلومة.
05 · Effects
ال��أثيرات والحركة
200–300ms
Transitions
fade-in-up
Section entrance
scale 1.05
Project image hover
blur-md
Scrolled navbar
الحركة هادئة ووظيفية: تساعد على فهم الحالة ولا تنافس المحتوى. احترم دائما prefers-reduced-motion.
06 · Patterns
الباترنز المستخدمة
شبكة المربعات · على الأخضر
شبكة المربعات · على الأبيض
استخدم الشبكة في الهيرو والمساحات الواسعة فقط، وبشفافية منخفضة حتى تبقى القراءة والعناصر التفاعلية واضحة.
08 · Assets
الأصول والملفات
افتح أو حمّل أي ملف مباشرة، أو انسخ محتوى الهوية كاملا من الزر الموجود في الأعلى.
BRAND MCP
مصدر الهوية القابل للاكتشاف برمجيا
استخدم Brand MCP كمصدر واحد للحقيقة عندما يحتاج مساعد ذكاء اصطناعي أو أداة تطوير إلى فهم الهوية. انسخ الرابط أو الاستعلام المناسب، ثم أرسله للأداة ليقرأ القيم الحالية بدلا من تخمينها أو اختلاق بدائل.
كل الهوية
GET /api/brand?q=allالألوان
GET /api/brand?q=colorsالصوت والبصمة
GET /api/brand?q=voiceالأصول
GET /api/brand?q=assetsطريقة الاستخدام
- 01. انسخ رابط MCP أو أحد الاستعلامات أعلاه.
- 02. أرسله إلى وكيل الذكاء الاصطناعي أو أداة التطوير.
- 03. اطلب منه الالتزام بالقيم قبل كتابة أي واجهة أو محتوى.
اقرأ Brand MCP أولا، ثم استخدم ألوان الموقع وخطوطه وشعاره ومكوناته كما هي. لا تخترع هوية جديدة.
07 · Voice
قاعدة الكتابة والبصمة
تصفح مشاريعي وخبراتي واسلوبي وبصمتي.
هذه البصمة تجعل كل نص مفهوما وقريبا ومرتبطا بعمل حقيقي: نفكر بعمق، نبني بوضوح، ونتع��م من النتيجة.
واضح
ابدأ بالفكرة، استخدم لغة بسيطة، واشرح المصطلح عندما يكون ضروريا.
مباشر
ادخل إلى النقطة. احذف المقدمات الطويلة والحشو والعبارات العامة.
عملي
اربط الكلام بمثال أو قرار أو مشروع أو نتيجة يمكن فهمها.
إنساني
اكتب كخبير قريب يستمع ويشرح، لا كواجهة تقنية باردة.
واثق دون مبالغة
دع الدليل يسبق الادعاء. لا نعد بما لا نستطيع إثباته.
فضولي ومتطور
اعرض ما تعلمناه وما سنحسنه، فالبصمة تتطور مع كل تجربة.
كيف نكتب عن مشروع؟
- 01. ابدأ بالمشكلة أو الحاجة.
- 02. اشرح ما تم بناؤه ولماذا.
- 03. أظهر القرارات والتحديات بصدق.
- 04. اختم بالنتيجة والتعلم والخطوة التالية.
قبل نشر أي نص
- هل الفكرة واضحة من أول قراءة؟
- هل يخدم كل سطر القارئ أو القصة؟
- هل يوجد دليل بدل الادعاء؟
- هل النبرة دافئة ومهنية بلا تصنع؟
- هل يمكن حذف شيء دون فقدان المعنى؟
THE WORKING LOOP
Think → Understand → Design → Build → Learn → Improve
المبدأ: أظهر التفكير خلف العمل، لا العمل وحده.