النظام اللوني — هوية سودانية عضوية مبنية على السياق والثقافة والسلوك البصريColor system — an organic Sudanese identity based on context, culture, and visual behavior

هذا المستند يعرض نظامين لونيين متكاملين مستوحَيين من الخامات السودانية، والطقوس الاجتماعية، وعلم نفس الألوان، بهدف بناء واجهة رقمية دافئة، واضحة، وقابلة للتحويل. يوثق هذا الملف معمارية الألوان (Color Architecture)، التوزيع الهرمي، والأسطح ذات النغمات المتدرجة (Tonal Surfaces) بعيداً عن ضجيج المحتوى التسويقي.This document presents two complementary color systems inspired by Sudanese materials, social rituals, and color psychology, with the goal of building a warm, clear, and transformable digital interface. This file documents color architecture, hierarchical distribution, and tonal surfaces, away from the noise of marketing content.

النظام الأول: الدفء التراثي

النظام الثاني: التباين الحيوي

Engineering Design Decisions

علم النفس البصري وسلوك الزوار:
لماذا اخترنا هذه اللوحة اللونية؟ Visual Psychology & Guest Behavior:
Why We Engineered This Palette?

نحن لا نختار الألوان بناءً على التفضيلات الشخصية، بل نهندس الأنظمة التي تعزز التجربة وتدعم الولاء. بناءً على الدراسات السيكولوجية وتحليلWe don't choose colors based on personal preference, we engineer systems that enhance experience and support loyalty. Based on psychological studies and analysis of 892 مراجعة لزوارنا892 guest reviews، تم استنتاج الحقائق التالية التي شكلت هويتنا الرقمية:, the following facts were synthesized to shape our digital identity:

تأثير القرار (Impact)Decision Impact

تثبت الدراسات أن 85% من قرارات الشراء مدفوعة باللون وحده. الألوان الدافئة والترابية في علامتنا تعزز الثقة فوراً وتخلق رابطاً عاطفياً مع الضيف قبل تصفح المنيو.Studies prove 85% of purchase decisions are driven by color alone. Warm, earthy tones in our brand foster trust immediately and create an emotional bond with the guest before browsing the menu.

تحفيز الشهية (Appetite)Stimulating Appetite

استخدام "الأحمر الجيرتقي" (#9B2226) ليس مجرد رمز ثقافي، بل هو لون يحفز ضربات القلب والشهية علمياً، مما يجعله المحرك الأساسي لأزرار الطلب الفوري (CTAs).Using "Jirtig Crimson" (#9B2226) isn't just a cultural symbol; it's a color that scientifically stimulates heart rate and appetite, making it the primary driver for immediate order buttons (CTAs).

سيكولوجية الاسترخاء (Comfort)Comfort Psychology

الألوان الترابية والملمس العضوي (SVG Micro-textures) تشجع الضيوف على البقاء لفترة أطول في الموقع، مما يحاكي بيئة المطعم المريحة ويزيد من احتمالية استكشاف العروض الفاخرة.Earthy colors and organic textures (SVG Micro-textures) encourage guests to stay longer on the site, mimicking the comfortable restaurant environment and increasing exploration of premium offers.

Data-Driven Architecture

التصميم الموجه بالبيانات (المنهجية الهندسية المستمدة من آراء زوار المطعم)Data-driven design (engineering methodology derived from restaurant visitor feedback)

هذا النظام اللوني ليس نتاج اختيارات عشوائية أو ذوق شخصي، بل هو حل هندسي مباشر لتحليل البيانات الضخمة (Data Analytics). لقد قمنا بربط تحليل البيانات لـThis color scheme is not the product of random choices or personal taste, but rather a direct engineering solution for big data analysis (Data Analytics). We have linked data analysis to 892 مراجعة موثقة على منصة (Google Reviews)892 verified reviews on the Google Reviews platform لمطعم الفنانين بأسسFor the artists restaurant in Bassas علم نفس الألوان (Color Psychology)Color Psychology لتوجيه سلوك المستخدم وخلق تجربة متخصصة تلبي الاحتياجات المتباينة.To guide user behavior and create a personalized experience that meets differentiated needs.

١١ تحليل المراجعات واستخراج المعطيات (Data Processing)Analyzing reviews and extracting data (Data Processing)

تمت معالجة قاعدة البيانات (478 مراجعة مكتوبة و414 تقييماً بالنجوم) برمجياً عبر (Python) بهدف التقسيم الزمني، وتحليل اللغات (أسفر عن بيئة ثنائية اللغة: 261 إنجليزية و204 عربية)، وتحليل التكرار اللفظي للكلمات (N-Grams).The database (478 written reviews and 414 star ratings) was processed programmatically via (Python) for the purpose of temporal segmentation, language analysis (resulting in a bilingual environment: 261 English and 204 Arabic), and word frequency analysis (N-Grams).

177تكرار كلمة "طعام / Food"

141تكرار كلمة "مكان / Place"

25تكرار كلمة "شيشة / Shisha"

متصدرةشية، أقاشي، لحم، ولعب كوتشينة

٢٢ تقسيم الجمهور إلى 3 شرائح (Audience Segmentation)Dividing the audience into 3 segments (Audience Segmentation)

كشف تحليل الكلمات المفتاحية أن جمهور "الفنانين" لا يمثل شريحة واحدة، بل ينقسم إلى ثلاث شرائح (Personas) مختلفة ومتباينة الاحتياجات:Keyword analysis revealed that the “artists” audience does not represent a single segment, but is divided into three different segments (Personas) with varying needs:

1. الشباب والأصدقاء (The Social Crowd)1. Youth and Friends (The Social Crowd)

تأتي من أجل "الونسة". ركزت مراجعاتهم على مصطلحات: "تجمع الأصدقاء"، "الشيشة"، "لعب الكوتشينة"، والمباريات. يميلون للبيئة الصاخبة والحيوية.She comes for "the miss". Their reviews focused on the terms: "friends gathering", "shisha", "playing cards", and matches. They prefer a noisy and lively environment.

2. العائلات والذواقة (Families & Foodies)2. Families & Foodies

تبحث عن الأصالة والراحة. ركزت مراجعاتهم على: "الطعام السوداني الأصيل"، "شية الجمر"، قسم العائلات المنفصل، ويطالبون ببيئة نظيفة ومريحة للجلوس الطويل.Looking for authenticity and comfort. Their reviews focused on: “authentic Sudanese food”, “shiya el-jamar”, separate family section, and claimed a clean and comfortable environment for extended seating.

3. المناسبات (The Premium Seekers)3. Occasions (The Premium Seekers)

تركز على الكرم والضيافة. العبارات الرائجة: "الضيافة السودانية"، "قسم الولائم"، واللحوم المشوية. هذه الشريحة تتوقع جودة عالية تلبي المعايير الراقية.Focuses on generosity and hospitality. Popular phrases: "Sudanese hospitality", "banquet department", and grilled meats. This segment expects high quality that meets high-end standards.

٣٣ النظام اللوني الثلاثي المتخصص (The Tripartite Psychology)The Tripartite Psychology

استخدام "لون واحد للموقع بالكامل" سيفشل في إرضاء 3 شرائح متباينة. لذلك، قمنا بتخصيص لون وملمس لكل قسم ليخاطب سيكولوجية شريحته بشكل مستقل:Using “one color for the entire site” will fail to satisfy 3 disparate segments. Therefore, we assigned a color and texture to each section to independently address the psychology of its segment:

قسم المقهى (الشباب): ألوان دافئة وساطعة (زعفران/طوبي)Cafe section (youth): warm and bright colors (saffron/brick)

يحفز علمياً: الطاقة، التفاعل الاجتماعي، الشراء السريع والاندفاع. مثالي لإشعال حماسة مباريات القدم والشيشة.Scientifically stimulates: energy, social interaction, impulsive purchasing. Perfect for igniting the excitement of football and shisha matches.

قسم المطعم (العائلات): ألوان ترابية وهادئة (كسرة رملية/أخضر زيتي)Restaurant section (family): earthy and calm colors (sandy/olive green)

تبعث على الاسترخاء، وتوحي بالمكونات العضوية والصحة. توفر بيئة مريحة لتناول الوجبات العائلية الدسمة بهدوء.Relaxing, inspired by organic ingredients and health. Provides a comfortable environment for eating hearty family meals in peace.

المناسبات (Premium): ألوان عميقة (بني جلدي/عسلي)Events (Premium): Deep Colors (Leather Brown)

ترتبط لا شعورياً بالفخامة والحصرية في علم النفس البصري. يبرر التكلفة العالية لولائم "الكرامة" ويتسم بالرصانة.Subconsciously associated with luxury and exclusivity in visual psychology. Justifies the high cost of banquets and is characterized by sobriety.

CTA

الرابط الموحد (The Global Anchor): الأحمر الجيرتقيThe Global Anchor: Red Algeria

لضمان تماسك الموقع كعلامة واحدة، يتم تثبيت أزرار الشراء الفورية (CTAs) باللون الأحمر `To ensure the site cohesive as a single sign, instant purchase buttons (CTAs) are installed in red `#9B2226` على مستوى كل الأقسام لكونه اللون العلمي الأول لتحفيز الشهية واتخاذ القرارات السريعة.At the level of all departments because it is the first scientific color to stimulate appetite and make quick decisions.

الثوابت العالمية (Global Tokens)Global Tokens

عناصر لونية أساسية وثابتة لا تتأثر بتغير الأنظمة أو الأقسام. تُستخدم لتوحيد هوية الإجراءات الرئيسية والطبقات العامة.Basic and fixed color elements that are not affected by changing systems or departments. Used to unify the identity of main procedures and global classes.

Checkout

الأحمر الجيرتقيJirtig Crimson

Jirtig Crimson

#9B2226

الدور الوظيفي: الإجراء الرئيسي (Primary CTA). يُستخدم فقط لجذب الانتباه للطلبات.Job Role: Primary CTA. It is only used to attract attention to requests.

Scenario

مثال: أزرار "أضف للسلة" أو "تثبيت الطلب" في نهاية المنيو.Example: "Add to Cart" or "Confirm Order" buttons at the end of the menu.

✓ Healthy

أخضر النيلNile Green

Nile Green

#2A9D8F

الدور الوظيفي: تأكيد النجاح، الإشعارات الإيجابية، والمؤشرات الصحية.Functional Role: Confirmation of success, positive notifications, and health indicators.

Scenario

مثال: شارات "نباتي"، "صحي"، أو رسائل "تم الدفع بنجاح".Example: "Vegan" or "Healthy" badges, or "Payment Successful" messages.

⚠️ Contains Peanuts

أحمر الشطةChili Red

Chili Red

#D62828

الدور الوظيفي: رسائل الخطأ، التنبيهات الحادة، ودلالات الحساسية.Functional role: Error messages, acute alerts, and sensitivity indications.

Scenario

مثال: تحذيرات الحساسية أو رسائل الفشل في معالجة الطلب.Example: Allergy warnings or messages regarding order processing failure.

⟳ Preparing...

أصفر الكركمTurmeric Yellow

Turmeric Yellow

#F4A261

الدور الوظيفي: التحذيرات الوسيطة، وحالات الانتظار.Functional role: intermediate warnings and wait states.

Scenario

مثال: "جارٍ تحضير الطلب الآن" أو تنبيهات التأخير المؤقت.Example: "Order is being prepared" or temporary delay alerts.

التعتيم الفحميCharcoal Overlay

Charcoal Overlay

rgba(26,20,18,0.6)

الدور الوظيفي: عزل الخلفية عند ظهور النوافذ المنبثقة (Modals) لتركيز الانتباه.Functional role: Isolate the background when pop-ups (Modals) appear to focus attention.

Scenario

مثال: خفت الإضاءة عند تكبير صورة طبق أو فتح قائمة التعديل.Example: Dimming the background when enlarging a dish image or opening an edit menu.

حالات التفاعل المعيارية (Interaction States)Standard interaction states

زر الإجراء الرئيسي (CTA Button)Main action button (CTA Button)

الحالة الافتراضية (Default)Default state

var(--cta-bg) - #9B2226

حالة التمرير (Hover)Hover status

var(--cta-hover) - #7A1A1E

حالة النقر (Active)Click status (Active)

var(--cta-active) - #5C1215

الحالة المعطلة (Disabled)Disabled status

Base Gray Overlay

سلوك الرسائل الدلالية المحيطيةBehavior of peripheral semantic messages

تم إضافة الطلب للسلة بنجاحThe order has been added to the cart successfully

HOVER

عذراً، لم تكتمل عملية الدفع. يرجى المراجعة.Sorry, the payment process was not completed. Please review.

HOVER

المنطقة قد تتأخر عن وقت التوصيل المعتاد قليلاً.The area may be a little later than the usual delivery time.

HOVER

📌

تُستخدم هذه الرسائل في هوامش الواجهة العلوية أو كإشعارات التوائم (Toast) ولا تشغل ألوانها مساحات الأسطح العريضة.These messages are used in the margins of the top interface or as toast notices, and their colors do not occupy large surface areas.

سياق عزل التركيز (The Focus Filter Context)The Focus Filter Context

تعديل الطلب (Edit Request)Edit Request

يعمل التعتيم الفحمي على عزل الضوضاء البصرية للخلفية تماماً، مما يوجه التركيز العصبي للعين نحو النافذة النشطة فقط.Charcoal dimming works to isolate background visual noise completely, directing eye focus strictly to the active window.

Save

Cancel

HOVER TO REVEAL OVERLAY

الألوان الدلالية (Semantic Colors)Semantic Colors

الألوان الدلالية مخصصة للوظائف المعرفية السريعة بعيداً عن الزخرفة. الفصل الدلالي يُعتبر مبدأً جوهرياً في تجربة المستخدم (UX)، حيث لا يجب الخلط بين لون النجاح ولون الهوية الرئيسي، وتُستخدم هذه الألوان بنسب مدروسة في الشارات (Badges) ورسائل النظام المحيطية فقط لضمان عدم تشتيت عين المستخدم.Semantic colors are intended for quick cognitive functions, not decoration. Semantic separation is considered a fundamental principle in user experience (UX), as the success color should not be confused with the main identity color, and these colors are used in thoughtful proportions in badges and peripheral system messages only to ensure that the user’s eye is not distracted.

أخضر النيل (Success)Nile Green (Success)

نجاح العمليات، الشارات الصحية والنباتية (Vegan/Healthy). منفصل بصرياً عن زر الـ CTA لتجنب تضارب التوجيه.Operations Success, Vegan/Healthy Badges. Visually separate from the CTA button to avoid routing conflicts.

أحمر الشطة (Error)Red chili (Error)

للأخطاء الحرجة ومشاكل إتمام الطلب، وأيضاً التنبيه لمسببات الحساسية. يمتاز بسطوع أعلى من الأحمر الجيرتقي (CTA) لتمييزه وتجنب اعتباره زراً رئيسياً.Critical errors and order completion problems, as well as alerts to allergens. It has a higher brightness than the red CTA to distinguish it and avoid it being considered a home button.

Design System 1

النظام الأول — الدفء التراثي (Earthy Heritage)System 1 - Earthy Heritage

يستهدف هذا النظام توفير شعور عميق بالألفة والدفء المستوحى من جذور الضيافة السودانية الأصيلة. يرتكز بصرياً على دفء اللون العضوي الهادئ الذي يعطي انطباعاً بالفخامة الهادئة وكرم الضيافة التقليدي. هذا الخيار مصمم ليُلائم المحتوى العائلي والمناسبات الرصينة حيث يكون الاستقرار والموثوقية هما الرسالة الأساسية.This system aims to provide a deep feeling of familiarity and warmth inspired by the roots of authentic Sudanese hospitality. Visually based on the warmth of soft, organic color that gives the impression of calm luxury and traditional hospitality. This option is designed for family content and sober occasions where stability and reliability are the key message.

حجر الزاوية: الفخار (Terracotta)، الكسرة (Beige)، الجلد العتيق (Leather)Keystone: Terracotta, Beige, Vintage Leather
الحرارة البصرية: دافئة، ناعمة، منخفضة التشبع نسبياً.Visual temperature: warm, soft, relatively low saturation.
الجمهور: العائلات، والباحثين عن الضيافة التراثية العتيدة والصادقة.Audience: Families, and those looking for ancient and sincere traditional hospitality.

معمارية النظام الأول (Detailed Palette Anatomy)Architecture of the first system (Detailed Palette Anatomy)

١. بيئة الكافيه (الفخار)1. Cafe environment (pottery)

يعكس دفء القهوة التقليدية والمخبوزات.Reflects the warmth of traditional coffee and baked goods.

أرضية السطح: #E07A5F

البطاقة المتدرجة: #D66F55

لون النص الأساسي: #1A0D0A

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

تدرج لوني دافئWarm hue

علاقة لونية منخفضة التباين لتوفير هدوء وتجانس بصري دون الاعتماد على بطاقات بيضاء مقاطعة.Low-contrast color relationship to provide visual calm and harmony without relying on interrupting white cards.

النص المساعد (Subtext)

٢. بيئة المطعم (الكسرة)2. Restaurant environment (kasra)

قاعدة محايدة ترابية تدعم الألوان الغنية للأطباق.An earthy neutral base supports the rich colors of the dishes.

أرضية السطح: #EEDCB5

البطاقة المتدرجة: #E3D0A8

لون النص الأساسي: #2D241E

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

حيادية ترابيةTerritorial neutrality

تطبيق لمبدأ السطح المتدرج (Tonal Surface) الذي يبني بُعداً خفياً باستخدام الظلال والدرجات الداكنة الطفيفة فقط.An application of the Tonal Surface principle that builds subtle dimension using only subtle shadows and tones.

النص المساعد (Subtext)

٣. والمناسبات (الجلد العتيق)3. Events (Vintage Leather)

فخامة وتاريخ وجذور متأصلة للفعاليات عالية المستوى.Prestige, history and deep roots of high-level events.

أرضية السطح: #4D2C19

البطاقة المتدرجة: #402414

لون النص الأساسي: #F2E8CF

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

فخامة الجلد الطبيعيNatural Leather Luxury

استخدام الجلد كعامل ربط مع الأثاث والديكور الداخلي للمطعم، مما يخلق تجربة بصرية متكاملة وشعوراً بالاستدامة والفخامة اليدوية.Using leather as a linking factor with the furniture and interior decoration, creating an integrated visual experience.

النص المساعد (Subtext)

مكتبة الخامات العضوية (System 1 Micro-Textures)Organic materials library (System 1 Micro-Textures)

إيماناً منا بأن التجربة الثقافية لا تأتي فقط بالألوان، بل بالملمس. هذه الخامات هي مرشحات (SVG Filters) غير تكرارية مبنية بتقنية (Fractal Noise) لإضافة وعي بصري خفي (Subconscious Depth) دون التحول لنقوش مزعجة تشوش على القراءة.We believe that the cultural experience comes not only in color, but in texture. These materials are non-repetitive SVG Filters built with Fractal Noise technology to add subconscious depth without turning into annoying patterns that confuse reading.

معاينة الملمس (مُكثّف للعرض)

الفخار وعجلة التشكيل (Wheel-Thrown Clay)Pottery and Wheel-Thrown Clay

مستلهم من حركة عجلة التشكيل اليدوية للطين المبلل، والتي تعكس دقة وحرفة الصانع المحلي الممتدة منذ الحضارات النوبية. تم تكثيف الخطوط الأفقية الدقيقة لمحاكاة التجاويف العضوية وتأثير ضغط الأصابع أثناء الدوران. يُستخدم هذا التأثير البصري لكسر المساحات المسطحة، مما يضيف عمقاً وتاريخاً ووزناً للأسطح المليئة بالحنين.Inspired by the movement of the hand-shaped wheel of wet clay, which reflects the precision and craftsmanship of the local craftsman dating back to the Nubian civilizations. Fine horizontal lines have been intensified to simulate organic recesses and the effect of finger pressure during rotation. This optical effect is used to break up flat spaces, adding depth, history and weight to nostalgic surfaces.

Demo Opacity: 40% | Actual UI: 5% | Blend: Multiply

معاينة الملمس (مُكثّف للعرض)

مسامات الكسرة (Spongy Kisra Pores)Spongy Kisra Pores

مستوحى من المسامات الإسفنجية الدقيقة لخبز الكسرة السوداني الأصيل أثناء نضجه على الصاج. يمثل هذا الملمس رمزية المشاركة، الدفء المنزلي، والاحتواء. التوزيع العضوي غير المنتظم للفقاعات الرفيعة يكسر جمود اللون البيج المسطح ويجعله سطحاً حياً يتنفس، مما يجعله مثالياً لخلفيات المحتوى المقروء دون تشتيت الانتباه.Inspired by the fine spongy pores of authentic Sudanese kasra bread as it cooks on the sheet pan. This texture represents symbolism of sharing, domestic warmth, and containment. The irregular, organic distribution of fine bubbles breaks up the rigidity of the flat beige color and makes it a living, breathing surface, making it ideal for backgrounds for readable content without distracting attention.

Demo Opacity: 15% | Actual UI: 5% | Blend: Multiply

معاينة الملمس (مُكثّف للعرض)

الجلد العتيق وحرفة الصناعة (Natural Saddle Leather)Natural Saddle Leather

مستمد من مظهر الجلد الطبيعي الفاخر، حيث يتميز بمسامات غير منتظمة ونسيج غني يجمع بين النعومة والصلابة العضوية. تم هندسة هذا الملمس ليعطي إحساساً بالموثوقية والفخامة اليدوية، وهو مثالي لإضفاء عمق بصري رصين على الأسطح الداكنة في أقسام المناسبات الراقية.Derived from the appearance of luxurious natural leather, featuring irregular pores and a rich texture that combines softness with organic firmness.

Demo Opacity: 5% | Actual UI: 4% | Blend: Multiply

Design System 2

النظام الثاني — التباين الحيوي (Vibrant Contrast)The second system - Vibrant Contrast

تم تصميم هذا النظام ليخلق طاقة بصرية أعلى وإيقاعاً شبابياً أكثر تعبيراً للحواس. يعتمد على ألوان تواصلية زاهية ومشرقة تخلق تبايناً حاداً وجذاباً مع النصوص. هذا النظام يُعد مثالياً للصفحات التي تحتاج إلى سرعة تفاعل وحيوية اجتماعية وصوت بصري أكثر جرأة و"صخباً" وإشراقاً دون التنازل عن المرجعية الثقافية.This system is designed to create a higher visual energy and a youthful, more expressive rhythm to the senses. It relies on bright, communicative colors that create a sharp and attractive contrast with the texts. This system is ideal for pages that need speed of interaction, social vitality, and a bolder, louder, and brighter visual sound without compromising on cultural reference.

حجر الزاوية: الزعفران (Saffron)، المطعم (Warm Sand)، وحرير الجرتق (Deep Red).Keystone: Saffron (Yellow), Warm Sand (Kisra), and Deep Red (Garnet).
الحرارة البصرية: حيوية متفجرة، عالية التباين والتعبير (Expressive).Visual temperature: explosive vividness, high contrast and expressiveness.
الجمهور: فئة الشباب، الحشود الاجتماعية، والأوقات الصباحية النشطة.Audience: Young people, social crowds, and active mornings.

معمارية النظام الثاني (Detailed Palette Anatomy)Architecture of the second system (Detailed Palette Anatomy)

١. الكافيه (الزعفران والخردل)1. Cafe (saffron and mustard)

سطوع قوي يحاكي بهارات الشرق وإشراقة الصباح.Strong brightness that mimics the spices of the East and the radiance of the morning.

أرضية السطح: #E8B730

البطاقة المتدرجة: #D9A92B

لون النص الأساسي: #140D0B

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

سطوع عالٍ، تباين غامقHigh brightness, dark contrast

النصوص تستخدم درجة بنية داكنة جداً للحفاظ على القراءة المريحة رغم إشراق الأرضية اللونية.The texts use a very dark brown tone to maintain comfortable reading despite the brightness of the color ground.

النص المساعد (Subtext)

٢. المطعم (الزراعة وسعف النخيل)2. Restaurant (agriculture and palm leaves)

برودة بصرية خضراء لتوازن وهج الألوان الأخرى.Optical cooler green to balance the glare of other colors.

أرضية السطح: #81B29A

البطاقة المتدرجة: #75A48D

لون النص الأساسي: #1B2A22

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

برودة وانتعاش طازجCool and fresh

يعمل هذا القسم كفاصل مريح للعين (Breather) وسط الإيقاع الساخن للون الخردلي والحريري.This section acts as a breather amidst the hot rhythm of mustard and silk.

النص المساعد (Subtext)

٣. المناسبات (حرير الجرتق)3. Ceremonies (Jirtig Silk)

تباين حيوي وطاقة احتفالية لليل والولائم الكبيرة.Vibrant contrast and festive energy for night and grand banquets.

أرضية السطح: #780000

البطاقة المتدرجة: #660000

لون النص الأساسي: #F9E4B7

الخلفية (Background السطح 0)Background 0

البطاقة (Surface السطح 1)Card (Surface 1)

طاقة بصرية قصوىMaximum Visual Energy

تباين الأحمر والذهبي يعزز الرغبة في التفاعل والاحتفال، مما يجعله المحرك اللوني الأساسي لقسم المناسبات في النظام الحيوي.Red and gold contrast enhances the desire for interaction and celebration.

النص المساعد (Subtext)

مكتبة الخامات العضوية (System 2 Micro-Textures)Organic materials library (System 2 Micro-Textures)

معاينة الملمس (مُكثّف للعرض)

خشونة التوابل والبهارات (Coarse Spices)Coarseness of spices and condiments

ينقل إحساس حبيبات البهارات والتوابل الخشنة المنتشرة في أسواق العطارة والأعشاب السودانية الأصيلة. تقدم هذه الخامة تبايناً حاداً وخشونة بارزة تكسر سطوع اللون الأصفر الخردلي بمسامات ترابية دقيقة غير متجانسة مع الحفاظ التام على السطوع القوي للون الأصلي (الزعفران والخردل) دون تعتيمه.It conveys the sensation of coarse grains of spices and condiments found in authentic Sudanese herbal and spice markets. This material offers a sharp contrast and a prominent roughness that breaks the brightness of the mustard yellow color with fine, heterogeneous earthy pores, while completely preserving the strong brightness of the original color (saffron and mustard) without darkening it.

Demo Opacity: 25% | Actual UI: 8% | Blend: Overlay

معاينة الملمس (مُكثّف للعرض)

تراكم ألياف السعف (Stacked Palm Fronds)Accumulation of palm fronds

محاكاة بصرية لتراكم ألياف سعف النخيل المبروم والمجدول بصلابة لتشكيل (أسطوانة الحصير) أو الرواكيب المعمارية التقليدية في الريف. صُممت الخلايا بخطوط وعُقَد طولية مكثفة تخلق عمقاً بصرياً يُذكّر بظلال الأشجار والعرائش المحاكة يدوياً. يعبر عن قيم الاستدامة البيئية، الانتعاش، الجذور العميقة وطول البقاء.A visual simulation of the accumulation of tightly twisted and twisted palm frond fibers to form a 'mat drum' or traditional architectural compositions in the countryside. The cells are designed with intense longitudinal lines and knots that create visual depth reminiscent of the shadows of trees and hand-woven trellises. It expresses the values of environmental sustainability, recovery, deep roots and longevity.

Demo Opacity: 25% | Actual UI: 6% | Blend: Multiply

معاينة الملمس (مُكثّف للعرض)

مخمل حرير الجرتق (Crushed Velvet / Silk)Crushed Velvet / Silk

مأخوذ من فخامة وانعكاسات الضوء على أقمشة (حرير الجرتق) والمخمل الثقيل المستخدم في المناسبات الاجتماعية المرموقة. اعتمدنا تأثير المخمل المتداخل (Crushed Velvet) المتشابك لخلق بقع ضوئية وظلال عميقة تعطي إحساساً بالفخامة الاحتفالية، مما يجعل الأسطح الحمراء الداكنة تبدو راقية وغنية بدلاً من كونها مجرد لون مسطح للتحذير.Taken from the elegance and reflections of light on fabrics (jartaq silk) and heavy velvet used in prestigious social occasions. We adopted the effect of interwoven Crushed Velvet to create spots of light and deep shadows that give a sense of festive luxury, making dark red surfaces appear sophisticated and rich rather than just a flat, warning color.

Demo Opacity: 20% | Actual UI: 6% | Blend: Screen

مقارنة فنية وثقافية للمدرستينAn artistic and cultural comparison of the two schools

جدول قرارات لمساعدة فريق العمل على فهم متى ولماذا نميل لتوجه على حساب الآخر أثناء تصميم الصفحات والواجهات المنتقاة.A decision table to help the team understand when and why we choose one approach over the other when designing selected pages and interfaces.

المعيار (Parameter)Parameter	١. الدفء التراثي (Heritage)1. Heritage warmth	٢. التباين الحيوي (Contrast)2. Contrast
درجة الحرارة العاطفيةEmotional temperature	دافئة، ألفة عائلية وحميمةWarm, familial and intimate	ساخنة، طاقة اجتماعية مرتفعةHot, high social energy
سلوك التباين (Contrast)Contrast behavior	منخفض - هادئ لعين المستخدمLow - Quiet to the user's eyes	عالي - قاطع وجريء وتعبيريHigh - decisive, bold and expressive
الفخامة والإدراك (Premium feel)Premium feel	رفاهية هادئة (Quiet Luxury)Quiet Luxury	كلاسيكية بارزة وهيبة لافتةAn outstanding classic and remarkable prestige
الوفرة وكثافة المحتوىAbundance and content density	ممتاز للاسترخاء والقراءة المطولةExcellent for relaxation and extended reading	مثالي للمسح السريع والتأثير البصريIdeal for quick scanning and visual impact
الارتباط الثقافيCultural connection	المواد البدائية ومنازل الطينPrimitive materials and mud houses	الأسواق الشعبية والتوابل والجلساتPopular markets, spices and sessions

قواعد الاستخدام المنهجي (Usage Guidelines)Usage Guidelines

❌
عدم الإفراط في استخدام الأحمـر الجيرتقي (CTA Overlay)Do not overuse CTA Overlay. يُمنع استخدام اللون #9B2226 في الخلفيات الواسعة أو كتل النصوص الكبيرة، مكانه الحقيقي هو أزرار الدعوة للإجراء وتحديد البوصلة الإجرائية فقط.The color #9B2226 is prohibited from being used on large backgrounds or large blocks of text, it only belongs to call-to-action and procedural compass selection buttons.
✅
الالتزام بمبدأ الأسطح المتدرجة (Tonal Hierarchies)Adherence to the principle of tonal hierarchies. البطاقات يجب أن تُشتق من لون عائلة الخلفية بتباين بسيط للأفتح أو للأغمق، وتجنب استخدام بطاقات ناصعة البياض (#FFFFFF) تماماً فوق الخلفيات الترابية لأنها تعطل الانسجام العضوي.Cards should be derived from the color of the background family with a slight variation of lighter or darker, and avoid using very white cards (#FFFFFF) over earthy backgrounds as they disrupt the organic harmony.
✅
حماية الألوان الدلالية وعدم خلط الرموزProtect semantic colors and do not mix symbols لون النجاح الأخضر ولون التحذير يجب أن يظلا في حالات التنبيه فقط (Alerts/Badges). يمنع توظيفهما لأي أزرار أساسية داخل مسار الشراء تجنباً للتشتيت الدلالي.The green success color and warning color should remain for alerts/badges only. It is prohibited to use any basic buttons within the purchase path to avoid semantic distraction.
✅
احترام عتبة الخامات البصرية (Filter Thresholds)Respecting the threshold of optical materials (Filter Thresholds) فلاتر الـ SVG يجب أن تعيش دائماً ضمن نطاق الشفافية (Opacity) من %4 إلى %6 كحد أقصى لتكون محسوسة سيكولوجياً وغير مرئية زخرفياً.SVG filters should always live within the Opacity range of 4% to 6% maximum to be psychologically perceptible and decoratively invisible.

المصادر والدراسات المرجعية Sources & Reference Studies

الأحمر والشهية: كيف يغير اللون تجربة الطعام

سيكولوجية الألوان في براندينج المطاعم

النظام اللوني — هوية سودانية عضوية مبنية على السياق والثقافة والسلوك البصريColor system — an organic Sudanese identity based on context, culture, and visual behavior

علم النفس البصري وسلوك الزوار: لماذا اخترنا هذه اللوحة اللونية؟ Visual Psychology & Guest Behavior: Why We Engineered This Palette?

تأثير القرار (Impact)Decision Impact

تحفيز الشهية (Appetite)Stimulating Appetite

سيكولوجية الاسترخاء (Comfort)Comfort Psychology

التصميم الموجه بالبيانات (المنهجية الهندسية المستمدة من آراء زوار المطعم)Data-driven design (engineering methodology derived from restaurant visitor feedback)

١١ تحليل المراجعات واستخراج المعطيات (Data Processing)Analyzing reviews and extracting data (Data Processing)

٢٢ تقسيم الجمهور إلى 3 شرائح (Audience Segmentation)Dividing the audience into 3 segments (Audience Segmentation)

1. الشباب والأصدقاء (The Social Crowd)1. Youth and Friends (The Social Crowd)

2. العائلات والذواقة (Families & Foodies)2. Families & Foodies

3. المناسبات (The Premium Seekers)3. Occasions (The Premium Seekers)

٣٣ النظام اللوني الثلاثي المتخصص (The Tripartite Psychology)The Tripartite Psychology

حالات التفاعل المعيارية (Interaction States)Standard interaction states

زر الإجراء الرئيسي (CTA Button)Main action button (CTA Button)

سلوك الرسائل الدلالية المحيطيةBehavior of peripheral semantic messages

سياق عزل التركيز (The Focus Filter Context)The Focus Filter Context

تعديل الطلب (Edit Request)Edit Request

أخضر النيل (Success)Nile Green (Success)

أحمر الشطة (Error)Red chili (Error)

النظام الأول — الدفء التراثي (Earthy Heritage)System 1 - Earthy Heritage

معمارية النظام الأول (Detailed Palette Anatomy)Architecture of the first system (Detailed Palette Anatomy)

١. بيئة الكافيه (الفخار)1. Cafe environment (pottery)

تدرج لوني دافئWarm hue

٢. بيئة المطعم (الكسرة)2. Restaurant environment (kasra)

حيادية ترابيةTerritorial neutrality

٣. والمناسبات (الجلد العتيق)3. Events (Vintage Leather)

فخامة الجلد الطبيعيNatural Leather Luxury

مكتبة الخامات العضوية (System 1 Micro-Textures)Organic materials library (System 1 Micro-Textures)

الفخار وعجلة التشكيل (Wheel-Thrown Clay)Pottery and Wheel-Thrown Clay

مسامات الكسرة (Spongy Kisra Pores)Spongy Kisra Pores

الجلد العتيق وحرفة الصناعة (Natural Saddle Leather)Natural Saddle Leather

النظام الثاني — التباين الحيوي (Vibrant Contrast)The second system - Vibrant Contrast

معمارية النظام الثاني (Detailed Palette Anatomy)Architecture of the second system (Detailed Palette Anatomy)

١. الكافيه (الزعفران والخردل)1. Cafe (saffron and mustard)

سطوع عالٍ، تباين غامقHigh brightness, dark contrast

٢. المطعم (الزراعة وسعف النخيل)2. Restaurant (agriculture and palm leaves)

برودة وانتعاش طازجCool and fresh

٣. المناسبات (حرير الجرتق)3. Ceremonies (Jirtig Silk)

طاقة بصرية قصوىMaximum Visual Energy

مكتبة الخامات العضوية (System 2 Micro-Textures)Organic materials library (System 2 Micro-Textures)

خشونة التوابل والبهارات (Coarse Spices)Coarseness of spices and condiments

تراكم ألياف السعف (Stacked Palm Fronds)Accumulation of palm fronds

مخمل حرير الجرتق (Crushed Velvet / Silk)Crushed Velvet / Silk

قواعد الاستخدام المنهجي (Usage Guidelines)Usage Guidelines

المصادر والدراسات المرجعية Sources & Reference Studies

علم النفس البصري وسلوك الزوار:
لماذا اخترنا هذه اللوحة اللونية؟ Visual Psychology & Guest Behavior:
Why We Engineered This Palette?