دليل العلامة·v1.7·2026-09

هويّة جنّي.بنية العراق الرقمية للتجارة.

دليلٌ رسميّ يوضّح كيف نعبّر عن جنّي بصريّاً — شركة عراقية لأتمتة الأسواق والتجارة الرقمية تمكّن التجار الصغار والكبار من النمو ضمن منظومة تقنية موحدة. كلّ الأصول متاحة للتحميل.

تحميل الشعار تنزيل كلّ الأصول تواصل مع الفريق

Baghdad · Iraq
علامة مسجّلة ®
10 نسخة شعار · 5 لون

اللون الأساسي: #F05D25
الخط الأساسي: Rubik
نسخة شعار: 10
الإصدار: v1.7

01/16

الأساس

قبل أن نرسم الشعار — نعرف ما نبنيه

أربع ركائز تقود منظومتنا لأتمتة الأسواق وتمكين التجار في كلّ قرار تصميمي وتحريري.

01الرسالة

نبني البنية التحتية الرقمية للتجارة في العراق.

نربط التجار ومزودي الخدمات وشركات التوصيل وأنظمة الدفع ضمن منظومة تقنية موحدة، ونوفّر أدوات لإدارة الأعمال ومعالجة المدفوعات وإدارة الطلبات — ليصل كل تاجر إلى ملايين المستخدمين بكفاءة.

02الرؤية

تمكين كلّ تاجر من النمو رقمياً.

منظومة رقمية يعتمدها التاجر الصغير قبل الكبير، تُسهّل الانتقال إلى الاقتصاد الرقمي وتفتح أبواب أسواق أوسع بأدوات ذكية وبنية تحتية جاهزة.

03التموضع

شركة أتمتة الأسواق والتجارة الرقمية في العراق.

لسنا متجراً إلكترونياً فحسب. نحن منظومة متكاملة تدمج المدفوعات واللوجستيات وإدارة الأعمال — تخدم المستهلك والتاجر معاً ضمن تجربة شفافة وفعّالة.

04الوعد

تمكين التجار. تبسيط التجارة.

أدوات رقمية متقدّمة للتجار الصغار والكبار، شراكات استراتيجية في الدفع والتوصيل، ونظام بيئي يخلق فرص النمو للجميع.

نحن / لسنا

بنية تحتية رقمية للتجارة
ممكّنون للتجار الصغار والكبار
منظومة متكاملة للمدفوعات والتوصيل
شركاء في نمو الأعمال

متجراً إلكترونياً فحسب
حلولاً منفصلة وغير مترابطة
منصّة للمستهلك فقط
مقلّدون لنماذج خارجية

02/16

الشعار

عائلة شعار جنّي الكاملة

شعار يمثّل منظومة أتمتة الأسواق والتجارة الرقمية في العراق. الشعار الكامل للاستخدام الأساسي، والرمز الأحادي حين تضيق المساحة. كلّ الملفات بصيغة SVG.

الشعار الكامل

الاستخدام الأوّل والافتراضي في كلّ مادّة تمثّل جنّي. أربع خلفيّات معتمدة.

ألوان

الشعار الرئيسي

الاستخدام الافتراضي على الخلفيات الفاتحة — المواد التسويقية والمطبوعات.

SVG · PNG

SVG

ألوان

على خلفية كريميّة

الخلفية الافتراضيّة عبر الموقع والمواد الرسميّة.

SVG · PNG

SVG

أبيض

على خلفية داكنة

للفيديوهات والإعلانات ذات الخلفيات الداكنة.

SVG · PNG

SVG

النسخة أحاديّة اللون

نسخة بلا نقطة برتقاليّة — تُستخدم فوق الخلفيّات السوداء أو البيضاء الخالصة، وعلى أيّ لون يتعارض مع البرتقالي. مناسبة أيضاً للطباعة أحاديّة اللون، الأختام، والتطريز.

أحادي

على اللون الأساسي

للحملات الإعلانيّة والعناصر عالية التركيز — نستخدم النسخة البيضاء الخالصة (بلا نقطة برتقاليّة) حتى لا يتكرّر البرتقالي فوق نفسه.

SVG · PNG

SVG

أحادي

أحاديّة اللون — على أبيض خالص

عند الطباعة أحاديّة اللون أو حين تتواجد ألوان أخرى قد تتعارض مع البرتقالي.

SVG · PNG

SVG

أحادي

أحاديّة اللون — على أسود خالص

الخلفيّات السوداء الخالصة، أو أيّ لون قويّ يتعارض مع البرتقالي.

SVG · PNG

SVG

الرمز الأحادي

استخدم الرمز الأحادي (حرف G) حين لا تسعك الكلمة: الأفاتارات، أيقونات التطبيقات، والأختام على الصور.

رمز

الرمز الأحادي

رمز جنّي المختصر — للأختام، الأفاتارات، والأيقونات المربّعة على الخلفيات الفاتحة.

SVG · PNG

SVG

أحادي

الرمز على اللون البرتقالي

النسخة المفضّلة لأيقونة التطبيق والأفاتار على الشبكات الاجتماعيّة — نستخدم الرمز الأبيض الخالص (بلا نقطة برتقاليّة) حتى لا يتكرّر البرتقالي فوق نفسه.

SVG · PNG

SVG

أحادي

الرمز الأحادي — على أبيض خالص

رمز أحاديّ اللون على الخلفيّات البيضاء الخالصة أو أيّ لون يتعارض مع البرتقالي.

SVG · PNG

SVG

أحادي

الرمز الأحادي — على أسود خالص

رمز أحاديّ اللون على الخلفيّات السوداء الخالصة وعلى أيّ لون قويّ يتعارض مع البرتقالي.

SVG · PNG

SVG

03/16

التشريح

تشريح الشعار وقياساته

الأرقام التي تحافظ على الشعار مقروءاً ومتّسقاً في أيّ مكان.

1×Gمنطقة آمنة

الشبكة أعلاه توضّح الحدّ الأدنى للمسافة الحرّة حول الشعار: يجب ألّا يقلّ الإطار المنقّط عن ارتفاع حرف G من كلّ جهة.

المسافة الحرّة
= 1× G
اترك مساحة حول الشعار بارتفاع حرف G كحدّ أدنى.
الحد الأدنى رقمياً
24 px
أصغر عرض يحافظ على قراءة الحروف على الشاشة.
الحد الأدنى طباعة
16 mm
لأي وسيط مطبوع: بطاقات، مغلفات، لافتات.
نسبة العرض للارتفاع
≈ 3.1 : 1
لا تعدّل النسبة — مطّها أو ضغطها ممنوع.

04/16

القواعد

كيف نستخدم الشعار — وكيف لا نستخدمه

قاعدتان تحفظان وضوح العلامة: ما يجب فعله دائماً، وما يُمنع بتاتاً.

افعل

اترك مساحة حرة حول الشعار بمقدار ارتفاع حرف G كحدّ أدنى.
لا يقلّ عرض الشعار عن 24 بكسل على الشاشة و 16 مم في الطباعة.
استخدم النسخة الأصلية باللون البرتقالي أو النسخة البيضاء فقط.
على أيّ خلفية برتقاليّة أو من تدرّجاتها، استخدم النسخة البيضاء من الشعار فقط.
تحقّق من تباين الخلفية قبل التصدير — استخدم الجدول في قسم الوصول.

تجنّب

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

05/16

الملكيّة التجاريّة

«جنّي» و«GINI» — علامتان تجاريّتان مسجّلتان

الاسم التجاري، الشعار، الرمز الأحادي، منتجات جنّي التابعة، والألوان الأساسيّة — جميعها ملكيّة فكريّة محميّة قانونيّاً. لا يحقّ لأيّ طرف استخدامها دون الرجوع إلينا رسميّاً.

العلامات المسجّلة

GINI·جنّي

© 2023–2026 GINI. جميع الحقوق محفوظة. «جنّي» و«GINI»، الشعار الكامل، الرمز الأحادي، وألوان العلامة (برتقالي #F05D25) علامات تجاريّة مسجّلة لدى دائرة الملكيّة الفكريّة في جمهوريّة العراق. يُمنع استعمالها، نسخها، أو التحوير فيها دون إذن خطّي مسبق من جنّي.

راسل الفريق القانوني راسلنا إعلاميّاً

ما هو محميّ
الاسم «جنّي» و«GINI»، الشعار الكامل، الرمز الأحادي (حرف G)، أسماء المنتجات التابعة مثل «جنّي ماركت» و«جنّي جمعة»، الألوان الأساسيّة (برتقالي #F05D25)، والنقش المميّز — جميعها علامات وأصول محميّة قانونيّاً.
ما يُسمح به
الاستخدام التحريري (صحافة، مراجعات، محتوى إخباري) باستخدام الأصول كما هي في هذا الدليل، دون أيّ تعديل على الشكل أو الألوان أو النسب. لأيّ استخدام تجاري، نحتاج إذناً خطّيّاً مسبقاً.
ما يُمنع صراحةً
تسجيل نطاقات أو تطبيقات أو شركات بأسماء مشابهة تسبّب التباساً مع «جنّي»، تعديل الشعار أو ألوانه أو تمطّيطه، استخدامه على بضائع أو خدمات غير معتمدة، أو تقديم محتوى يوهم بأنّه صادر عن جنّي دون أن يكون كذلك.
الإبلاغ عن انتهاك
إذا رأيت استخداماً غير مرخّص لأصول جنّي، راسلنا على info@gini.iq بالأدلة (روابط، صور شاشة) ونتعامل مع الموضوع قانونيّاً خلال 72 ساعة عمل.

للاستفسار أو طلب إذن

info@gini.iq

ردّ رسمي خلال 72 ساعة

06/16

الألوان

لوحة ألوان جنّي

درجة رئيسية دافئة تحيط بها ألوان محايدة للحفاظ على الوضوح والتباين.

برتقالي جنّي

اللون الأساسي للعلامة — الشعار والأزرار والعناصر التفاعلية.

#F05D25

جمري

نسخة أعمق للحالات التفاعلية والنصوص على الخلفيات الفاتحة.

#D94E1A

حبر ليلي

اللون الأساسي للنصوص والعناوين على الخلفيات الفاتحة.

#1A1A1A

كريمي دافئ

الخلفية الأساسية للموقع ومواد التسويق.

#FBF6F0

رملي هادئ

خلفيات ثانوية للبطاقات وفواصل الأقسام.

#EFE6DB

07/16

الوصول

تباينات موثّقة لكل استخدام

كلّ الأزواج هنا اجتازت قياس WCAG 2.1 — استخدمها مباشرة دون قلق.

Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AAA
التباين
16.4 : 1
الخيار الافتراضي للنصوص الطويلة.
fg #1A1A1Abg #FBF6F0
Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AAA
التباين
14.5 : 1
نصوص على البطاقات الرمليّة.
fg #1A1A1Abg #EFE6DB
Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AA
التباين
3.6 : 1
عناوين وأزرار كبيرة فقط (18px+). لا تستخدم للنصوص الطويلة.
fg #FFFFFFbg #F05D25
Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AA
التباين
5.1 : 1
استخدم درجة «جمري» لتلوين النصوص على الكريمي.
fg #D94E1Abg #FBF6F0
Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AAA
التباين
17.3 : 1
الوضع الداكن لصفحات المنتجات والفيديوهات.
fg #FFFFFFbg #1A1A1A
Aa · جنّي
هذا النص قابل للقراءة بوضوح.
AAA
التباين
15.9 : 1
لمسة دافئة على الخلفيات الداكنة.
fg #FBF6F0bg #1A1A1A

08/16

الخطوط

خط واحد. تدرّج متعدّد.

نعتمد خط Rubik بأوزان مختلفة لنصنع تسلسلاً بصريّاً واضحاً في كل الواجهات.

Rubik · Google Fonts

Arabic + Latin subsets

400

500

700

800

عرضالعناوين البطولية في الصفحات الرئيسية والحملات.
32–48 / 1.15·800
جنّي — شريكك في التجارة
رئيسيعناوين الأقسام داخل الصفحات.
36–48 / 1.15·700
سوق واحد يجمع كل ما تحتاج
فرعيعناوين البطاقات والمكوّنات الوسيطة.
20–24 / 1.25·600
تجربة شراء ذكية، دفع آمن، توصيل سريع.
نصّالفقرات والنصوص العامّة.
16–18 / 1.6·400
نحن نبني منصّة عراقيّة تربط المتسوّق بأفضل العلامات بأسعار عادلة، مع ضمان وخدمة ما بعد البيع من فريق محلّي.
تسميةتسميات الأقسام والوسوم الصغيرة.
12–14 / 1.4·600
دليل العلامة • الإصدار الأول

09/16

النقوش

نقوش تضيف شخصيّة دون أن تسرق الأضواء

نستخدم نقشنا البصري خلف المحتوى لإضفاء العمق، مع الحفاظ على نسبة تباين آمنة للنصوص.

على خلفية كريميّة#FBF6F0

على اللون البرتقالي#F05D25

على الأسود#0B0B0C

على الرصاصي#3F3F46

برتقالي على كريمي#FBF6F0

قواعد سريعة

استخدم النقش كخلفية ثانوية فقط، لا تضعه خلف نصوص طويلة.
الحدّ الأدنى للشفافية 25% لضمان تباين النص.
تجنّب تلوينه بأيّ لون خارج الباليت الرسمي.

تحميل SVG

10/16

النظام البصري

الإصدار 1.0.0 · الأداة الدقيقة

اسكيومورفية حديثة — واجهة لها سطح ووزن وضوء

هذا القسم هو المرجع الأساسي لكيفية بناء واجهة جنّي بصرياً: الفلسفة، نموذج الإضاءة، الخامات، مستويات الارتفاع، الحركة، وكل مكوّن جاهز. كل عيّنة أدناه حيّة ومبنية من الأصناف الفعلية في الموقع.

كل عنصر يُبنى كما لو كان جسماً مادياً فعلياً: يُرفع، يُضغط، يُحفر أو يُضاء — لكن بانضباط منتج رقمي معاصر.

واجهة جنّي مستوحاة من الأجهزة الدقيقة عالية الجودة: سطح بوليمر مطفأ، ألواح سيراميكية مرفوعة، تحكّمات برتقالية مؤكسدة بسماكة ظاهرة، وأسطح غرافيتية للأدوات. الهدف ليس محاكاة الجلد والخشب كما في اسكيومورفية 2010، بل إعطاء المستخدم فهماً غريزياً لما يمكن ضغطه وما يحمل ماذا فوق ماذا — عبر الضوء والعمق والملمس لا عبر الزخرفة. ليست نيومورفية (كتل رمادية بظلين)، وليست زجاجية، وليست مجرد ظلال مضافة.

طاولة العيّنات

مكوّنات حقيقية بالأصناف الحقيقية — جرّبها.

skeu-btn-*

skeu-input · skeu-chip

شارةصلبةNeutralنجاح

skeu-tab / skeu-tab-active

skeu-toggle · skeu-check · skeu-radio

الإشعاراتخيار محدّداختيار واحد

skeu-meter · skeu-track / skeu-fill

2,500+

تاجر نشط

skeu-panel · skeu-well · skeu-dark · skeu-alert

لوح سيراميكي مرفوع

بئر بوليمر غائر

سطح غرافيتي

تنبيه نظام مرفوع بحافة دلالية.

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

منطق مادي حقيقي

قبل تصميم أي عنصر نسأل: لو كان جسماً حقيقياً كيف سيتصرف؟ الزر يُضغط، المفتاح ينزلق، الحقل غائر، البطاقة تجلس فوق السطح، التبويب المختار مغروس في سكته.

مصدر ضوء واحد

الضوء يأتي من الأعلى‑يسار بميل أمامي خفيف في كل الشاشات. كل ظل وكل حافة مضيئة تحترم هذا الاتجاه، فتتماسك الواجهة كجسم واحد.

ضبط النفس قبل الإبهار

أربع عائلات خامات فقط، ثمانية مستويات ارتفاع فقط، حبيبات سطح تُحسّ ولا تُلاحظ. التسلسل الهرمي للعمق أهم من كمية الظلال.

تسلسل عمق واضح

القاعدة ← المناطق الغائرة الوظيفية ← أسطح المحتوى المرفوعة ← التحكّمات المادية ← الطبقات العائمة. يفهمها المستخدم لا شعورياً.

الوضوح يفوز دائماً

الطباعة تبقى حديثة ونظيفة بلا ظلال نصية، والكثافة المعلوماتية محفوظة. عندما يتعارض الجمال مع القراءة نختار القراءة مع لمسة مادية راقية.

الوصول لا يُساوَم عليه

الحالة لا تُنقل بالظل وحده: حلقة تركيز مرئية على كل عنصر، خصائص ARIA على المجزّآت والقوائم، أهداف لمس ≥ 44px، واحترام تفضيل تقليل الحركة.

نموذج الإضاءة

مصدر ضوء افتراضي واحد أعلى‑يسار. الأسطح المرفوعة تحصل على خط إضاءة علوي داخلي (inset 0 1px 0 أبيض)، ظل تماس قصير تحتها، وظل محيطي ناعم أبعد. الأسطح الغائرة تعكس المنطق: ظل داخلي داكن من الأعلى وشفة مضيئة من الأسفل.

كل ظل يُزاح عمودياً للأسفل (y موجب)، ولا يُزاح أفقياً إلا بدرجة ضئيلة.
لون الظل حبر دافئ (rgb 37 22 10) لا أسود محايد — ليتناغم مع الخلفية الكريمية.
الحافة العلوية المضيئة إلزامية على كل سطح مرفوع؛ الحافة السفلية أغمق قليلاً لإظهار السماكة.
التدرجات مسموحة فقط عندما تصف انحناءً أو ضوءاً أو خامة — لا تدرجات زخرفية.

الخامات الأربع

بوليمر مطفأ

body / .skeu-well

يُستخدم في: قاعدة الصفحة، الصواني والآبار الغائرة، حقول الإدخال

الوصفة: لون كريمي دافئ (oklch 0.962 0.012 72) مع إضاءة شعاعية من الأعلى‑يسار، انحدار لوني خفيف نحو الأسفل، وطبقة حبيبات ثابتة بشفافية 4.5%.

سيراميك مرفوع

.skeu-panel / .skeu-panel-2 / .skeu-rail / .skeu-dialog

يُستخدم في: البطاقات، اللوحات، سكة التنقل، النوافذ الحوارية، الأزرار الثانوية

الوصفة: تدرج عمودي من الأبيض إلى الأبيض الدافئ، حد 1px بلون الحافة، خط إضاءة علوي داخلي، ظل تماس + ظل محيطي حسب مستوى الارتفاع.

برتقالي مؤكسد

.skeu-btn-primary / .skeu-tile / .skeu-tab-active / .skeu-chip-solid

يُستخدم في: الزر الأساسي، بلاطات الأيقونات، التبويب النشط، الشارات الصلبة، المفتاح المفعّل

الوصفة: تدرج من #ff7a44 أعلى إلى #e2531f أسفل (قبة خفيفة)، حد #c94a1b، لمعة علوية بيضاء 38%، حزام سفلي داكن 2px يكشف السماكة، وهج برتقالي ناعم للخارج. الحالة المضغوطة أغمق وغائرة.

غرافيت

.skeu-dark / .skeu-btn-dark

يُستخدم في: الفوتر، نوافذ الكود، كتل الدعوة الداكنة، عناصر التحكم عليها

الوصفة: تدرج من #2a2624 إلى #171412 مع خطوط فرشاة أفقية بشفافية 1.2%، حافة علوية مضيئة 10%، حافة سفلية داكنة، وظل بعيد عميق.

سلّم الارتفاع

ثمانية مستويات فقط. كل عنصر يعيش في مستوى يناسب دوره ويصعد أو يهبط عند التفاعل.

غائر
.skeu-well--skeu-shadow-recessed
صواني المحتوى الوظيفية، مسارات التقدم، التبويب المختار (نسخة ناعمة)
بئر
.skeu-input / .skeu-well-soft--skeu-shadow-well
حقول الإدخال، الصناديق والمفاتيح، قوائم الصفوف
مستوٍ
.skeu-btn-ghost / .skeu-list-item--skeu-shadow-flush
عناصر القوائم والأزرار الشبحية قبل التحويم — ترتفع عند التفاعل
مرفوع 1
.skeu-panel--skeu-shadow-raised-1
البطاقات القياسية، الشرائح الكبيرة، التنبيهات
مرفوع 2
.skeu-panel-2 / .skeu-rail--skeu-shadow-raised-2
لوحات الأبطال، الحاويات الكبرى، سكة الهيدر، البطاقة عند التحويم
عائم
.skeu-floating--skeu-shadow-floating
القوائم المنسدلة، الرقائق العائمة، النوافذ المنبثقة الصغيرة
طبقة علوية
.skeu-dialog--skeu-shadow-overlay
النوافذ الحوارية فوق خلفية معتمة قليلاً
مضغوط
:active / .skeu-tab-active--skeu-shadow-pressed
لحظة الضغط على أي تحكم، والتبويب المختار

مقياس الأقطار

6px
الشرائح الصغيرة والوسوم
10px
الأزرار القياسية وحقول الإدخال والتحكمات الصغيرة
14px
البلاطات والتبويبات
20px
البطاقات واللوحات
26px
النوافذ الحوارية وسكة التنقل

قواعد الحركة

ضغط الزر — 80ms — ينزل 1px ويتحول ظله الخارجي إلى ظل داخلي؛ يعود خلال 150ms.
تحويم البطاقة — 260ms — ترتفع 2px من مستوى «مرفوع 1» إلى «مرفوع 2» بمنحنى cubic-bezier(0.22, 1, 0.36, 1).
اختيار التبويب — التبويب الجديد يغوص 1px بلون أغمق؛ السابق يعود لمستواه.
المفتاح — الإبهام ينزلق 20px ميكانيكياً خلال 260ms وتُضاء السكة.
القائمة المنسدلة — 180ms — تظهر بارتفاع صغير وتلاشٍ (animate-skeu-pop).
النافذة الحوارية — 260ms — ترتفع من القاعدة بتكبير مضبوط 0.97 → 1 (animate-skeu-dialog).
تقليل الحركة — كل الحركات تُطفأ عند prefers-reduced-motion؛ تبقى الحالات مقروءة بالشكل واللون.

فهرس المكوّنات

الأسطح

skeu-panel
لوح مرفوع
البطاقة القياسية
skeu-panel-2
لوح مرفوع 2
الحاويات الكبرى والأبطال
skeu-panel-interactive
لوح تفاعلي
بطاقة قابلة للنقر ترتفع وتجلس
skeu-panel-selected
لوح مختار
بطاقة مقفلة/مختارة مغروسة بحافة برتقالية
skeu-floating
سطح عائم
القوائم المنسدلة والرقائق
skeu-dialog + skeu-backdrop
نافذة حوارية
الطبقة العلوية وخلفيتها
skeu-rail
سكة تنقل
الهيدر وأشرطة الأدوات اللاصقة
skeu-well / -soft / -accent
بئر غائر
الصواني الوظيفية والصفوف المميزة
skeu-dark
سطح غرافيتي
الفوتر ونوافذ الكود

التحكّمات

skeu-btn-primary
زر أساسي
الإجراء الرئيسي — برتقالي مؤكسد
skeu-btn-secondary
زر ثانوي
زر سيراميكي مطفأ
skeu-btn-tint
زر مصبوغ
إجراء ثانوي بهوية برتقالية
skeu-btn-ghost
زر شبحي
مستوٍ حتى التحويم ثم يرتفع
skeu-btn-destructive
زر حذف
أحمر مُشغَّل آلياً
skeu-input
حقل إدخال
بئر غائر بحلقة إضاءة عند التركيز
skeu-check / skeu-radio
صندوق اختيار / راديو
بئر محفور يُضاء عند التحديد
skeu-toggle
مفتاح
سكة غائرة وإبهام مادي
skeu-tab / skeu-tab-active
تبويب مجزّأ
مفتاح مرفوع؛ النشط مغروس بلون أغمق

العناصر الصغيرة

skeu-tile / -soft / -ceramic
بلاطة أيقونة
مؤكسدة / بئر مصبوغ / سيراميك أبيض
skeu-chip / -solid / -neutral / -success
شارة
شرائح بارزة بحافة شعرية
skeu-meter
قارئ أرقام
الإحصائيات ومؤشرات الأداء
skeu-table / skeu-row
جدول / صف
رأس مرفوع، جسم غائر، صفوف لمسية
skeu-alert-*
تنبيه
أجسام نظام مرتفعة بحافة دلالية
skeu-skeleton
هيكل تحميل
كتل غائرة بمسح ضوئي
skeu-track / skeu-fill
مسار تقدم
سكة غائرة وتعبئة مؤكسدة
skeu-divider
فاصل محفور
خط داكن فوق خط مضيء

قواعد الحالات

الحالة	التمثيل المادي
افتراضي	مرفوع بخامته الطبيعية
تحويم	يرتفع 1–2px وتقوى إضاءته
ضغط	ينزل 1px، ظل داخلي، لون أغمق
تركيز	حلقة إضاءة برتقالية 3px — دائماً مرئية
مختار	مغروس في سكته مع لون تمييز + خاصية ARIA
معطّل	شفافية 55%، إشباع أقل، بلا حركة
تحميل	هياكل غائرة بمسح ضوئي أو مؤشر داخل الزر
خطأ	حافة حمراء + حلقة حمراء خفيفة + رسالة نصية

المنهجية — سبع مراحل

الطريقة التي رُحّل بها المنتج كاملاً إلى النظام الجديد، وهي نفسها الطريقة المطلوبة لأي شاشة جديدة.

1 — التدقيق
جرد كل المسارات والمكوّنات والأنماط المتكررة قبل لمس أي صفحة، وفهم المنتج كنظام واحد.
2 — الأساس
التوكنات، الخامات، نموذج الإضاءة، الظلال، الحدود، الأقطار، الحركة — كلها مركزية في globals.css.
3 — الأوليات
ترقية الأزرار والمدخلات والتبويبات والمفاتيح والشارات والنوافذ قبل أي صفحة.
4 — الهيكل العام
الهيدر كسكة، خلفية القاعدة، الفوتر الغرافيتي، الحاويات.
5 — صفحة‑صفحة
ترحيل كل مسار مع حالات التحميل والفراغ والخطأ، دون حذف أي محتوى أو تغيير أي منطق.
6 — الاستجابة
فحص 1366px و390px بالعربية والإنكليزية: لا تجاوز أفقي، أهداف لمس مريحة، ظلال مبسّطة على الموبايل.
7 — الصقل
تدقيق اتساق شامل وكنس بقايا اللغة القديمة حتى يبدو كل شيء من فريق واحد ونظام واحد.

افعل

ابدأ بصنف الخامة (skeu-panel، skeu-btn-primary…) ثم أضف أدوات Tailwind للتخطيط فقط.
اجعل المحتوى (صور المنتجات، الأرقام، النصوص) هو البطل، والأسطح تدعمه.
استخدم الخصائص المنطقية (start/end) وتأكد من النسختين العربية والإنكليزية.
أعطِ كل حالة (تحويم، ضغط، تركيز، معطّل) تمثيلاً مادياً واضحاً.
احترم مستوى الارتفاع المناسب لدور العنصر — لا ترفع كل شيء.

لا تفعل

لا نيومورفية: كتل رمادية بظل فاتح أعلى‑يسار وظل داكن أسفل‑يمين.
لا جلد ولا خشب ولا قوام صور ثقيل — الخامات مصقولة ومضبوطة.
لا تدرجات زخرفية بلا سبب مادي، ولا ظلال عشوائية خارج التوكنات.
لا تجعل كل شيء حبة دواء — لكل نوع كائن قطره.
لا ظلال على النصوص، ولا تضحية بالتباين من أجل النعومة.
لا متغيرات rtl:/ltr: في Tailwind — الجذر مثبّت على RTL وتتسرب إلى النسخة الإنكليزية.

التوكنات الأساسية

الحقيقة الوحيدة للألوان والظلال والأزمنة. لا تُخترع ظلال خارجها.

app/globals.css

:root {
  --skeu-bg: oklch(0.962 0.012 72); /* Polymer base */
  --skeu-surface: oklch(0.993 0.004 80); /* Ceramic surface */
  --skeu-well: oklch(0.955 0.01 72); /* Recessed well colour */
  --skeu-accent: #f05d25; /* GINI orange */
  --skeu-accent-deep: #c9481a; /* Anodized control edge */
  --skeu-edge: oklch(0.86 0.018 68); /* Surface edge colour */
  --skeu-highlight: rgba(255,255,255,0.92); /* Lit top edge */
  --skeu-ink: 37, 22, 10; /* Warm shadow ink (RGB) */
  --skeu-shadow-raised-1: inset 0 1px 0 highlight, 0 1px 1px, 0 2px 4px -1px, 0 10px 24px -14px; /* Standard card stack */
  --skeu-shadow-control: inset 0 1px 0 white/38, inset 0 -2px 0 dark/32, 0 1px 2px, 0 6px 14px -6px orange/55; /* Primary control stack */
  --skeu-focus-rim: 0 0 0 3px rgba(240,93,37,.22) + inset; /* Illuminated focus rim */
  --skeu-transition-fast / -normal: 150ms / 260ms; /* Press timing / lift timing */
}

المراجع القابلة للقراءة آلياً

نفس هذا المحتوى متاح لأي وكيل ذكاء أو أداة تطوير عبر:

التنفيذ الحي: app/globals.css · 2026-09

11/16

مكتبة المكوّنات

64 مكوّناً · v1.0.0

مكوّنات جاهزة — انسخ، الصق، اشحن

64 مكوّناً حيّاً مبنيّاً من الأصناف الحقيقية نفسها التي تشغّل هذا الموقع. كل بطاقة تعرض المكوّن يعمل فعلاً، ومعها كود HTML جاهز للنسخ يعمل في أي تطبيق — HTML عادي أو React أو Vue — بلا أي تبعيّات.

التثبيت في 10 ثوانٍ

سطر واحد يجلب كل أصناف skeu-* والتوكنات. اقرنه بـ brand.css لتحصل على لوحة الألوان والخط.

وسم <link>

<link rel="stylesheet" href="https://gini.iq/skeu.css">

‎@import في CSS

@import url("https://gini.iq/skeu.css");

مع لوحة الألوان

<link rel="stylesheet" href="https://gini.iq/brand.css">
<link rel="stylesheet" href="https://gini.iq/skeu.css">

64 مكوّناًصفر تبعيّاتRTL جاهزHTML · React · Vue · Svelte

الأصناف تعمل مع HTML عادي أو React أو Vue أو Svelte أو أي إطار — لا تبعيّات. الاتجاه من اليمين إلى اليسار مدعوم تلقائياً عبر dir="rtl". أدوات التخطيط (h-10, px-4, gap-2…) هي Tailwind ويمكن استبدالها بـ CSS خاص بك.

الإجراءات

الزر الأساسي — ثلاثة أحجام

الزر المؤكسد بارتفاع 32 / 40 / 44px. الحجم يتحدد بأدوات التخطيط فقط، الخامة واحدة.

skeu-btn
skeu-btn-primary

عائلة الأزرار

ثانوي سيراميكي، مصبوغ، شبحي، حذف، وداكن للأسطح الغرافيتية.

skeu-btn-secondary
skeu-btn-tint
skeu-btn-ghost
skeu-btn-destructive
skeu-btn-dark

زر أيقونة

مربع 40px بأيقونة فقط — لا تنسَ aria-label.

skeu-btn
skeu-btn-secondary
skeu-btn-primary

زر بأيقونة أمامية

الأيقونة على جهة البداية، والنص بعدها — يقلب تلقائياً في RTL.

skeu-btn
skeu-btn-primary

زر في حالة تحميل

مؤشر دوران داخل الزر مع aria-busy وتعطيل النقر.

skeu-btn
skeu-btn-primary

زر معطّل

شفافية 55% وإشباع أقل وبلا حركة — الخاصية disabled تكفي.

skeu-btn

مجموعة أزرار / زر منقسم

مفاتيح متلاصقة بقطر مشترك، والزر المنقسم يفصل الإجراء الرئيسي عن قائمته.

skeu-btn-secondary
skeu-btn-primary

زر عائم (FAB)

زر دائري مرفوع للإجراء الأهم على الشاشة — يعيش في المستوى العائم.

skeu-btn
skeu-btn-primary
shadow-floating

النماذج

حقل نصي مع تسمية ومساعدة وخطأ

الحقل بئر غائر؛ حالة الخطأ تضيف is-invalid ورسالة مرتبطة عبر aria-describedby.

skeu-input
is-invalid

الاسم الكامل

كما هو مكتوب في هويتك.

البريد الإلكتروني

أدخل بريداً إلكترونياً صحيحاً.

حقل بأيقونة أمامية

الأيقونة مثبتة على جهة البداية بخصائص منطقية (start-3 / ps-9).

skeu-input

حقل بحث

حقل مستدير مع أيقونة بحث واختصار لوحة مفاتيح على جهة النهاية.

skeu-input
skeu-chip-neutral

قائمة اختيار

select أصلي داخل بئر غائر مع سهم مرسوم يدوياً على جهة النهاية.

skeu-input

المحافظة

منطقة نص

نفس البئر بارتفاع حر وعدّاد أحرف أسفلها.

skeu-input

ملاحظات التوصيل0 / 200

قائمة صناديق اختيار

صفوف غائرة ناعمة، كل صف label كامل ليكون هدف اللمس ≥ 44px.

skeu-check
skeu-well-soft

تحديثات الطلب العروض الملخص الأسبوعي

مجموعة راديو

خيارات كبطاقات؛ البطاقة المختارة تُغرس بحافة برتقالية (skeu-panel-selected).

skeu-check
skeu-radio
skeu-panel
skeu-panel-selected

سرعة التوصيلنفس اليوم بغداد فقط · قبل الساعة 2 ظهراً5,000 د.ععادي 2–3 أيام3,000 د.ع

صف مفتاح

مفتاح ميكانيكي role=switch مع aria-checked؛ الإبهام ينزلق 20px.

skeu-toggle
skeu-panel

إشعارات الدفعحالة الطلب على هاتفك

رسائل تسويقيةالعروض والتجّار الجدد

تحكم مجزّأ

مفاتيح مرفوعة داخل بئر؛ المفتاح النشط مغروس بلون أغمق (skeu-tab-active).

skeu-well
skeu-tab
skeu-tab-active

شريط تمرير

range أصلي بلون التمييز داخل بئر، مع قراءة قيمة في عدّاد.

skeu-well
skeu-meter

الميزانية320K

منطقة إسقاط ملفات

بئر غائر بحد متقطع داخلي وبلاطة أيقونة، والإدخال الحقيقي مخفي بصرياً.

skeu-well
skeu-tile-soft
skeu-btn-secondary

أسقط صور المنتج هناPNG أو JPG · حتى 5 ميغابايتتصفّح الملفات

صف رمز التحقق (OTP)

ست خلايا غائرة بخانة واحدة، اتجاه LTR دائماً للأرقام.

skeu-input

حقل تاريخ

input[type=date] أصلي في نفس البئر — يحصل على منتقي المتصفح مجاناً.

skeu-input

تاريخ الاستلامالوقت

تخطيط نموذج بعمودين

لوح مرفوع، شبكة عمود واحد على الموبايل وعمودين من sm، وأزرار في صف أسفل.

skeu-panel
skeu-input
skeu-btn-primary
skeu-btn-ghost

ملخص أخطاء النموذج

تنبيه خطأ مرفوع أعلى النموذج يجمع الحقول الناقصة بروابط تقفز إليها.

skeu-alert
skeu-alert-error

صحّح حقلين قبل المتابعة

البريد الإلكتروني — عنوان غير صحيح
الهاتف — مطلوب

التنقّل

تبويبات — خطية ومجزّأة

الخطية للصفحات (خط مضيء تحت النشط)، والمجزّأة للفلاتر.

skeu-divider
skeu-tab
skeu-tab-soft-active

ترقيم الصفحات

مفاتيح مربعة 36px؛ الصفحة الحالية مغروسة، والسابق/التالي أزرار أيقونة.

skeu-tab
skeu-tab-active
skeu-btn-secondary

خطوات التقدّم

الخطوة المنجزة بلاطة خضراء، الحالية مؤكسدة، والقادمة بئر غائر — الخط بينها مسار تقدم.

skeu-chip-success
skeu-tile
skeu-tile-soft
skeu-track
skeu-fill

السلة
2العنوان
3الدفع

شريط تبويبات سفلي للموبايل

سكة ثابتة أسفل الشاشة بأربع وجهات؛ الوجهة النشطة بلاطة مؤكسدة.

skeu-rail
skeu-tile
skeu-tile-soft

زر رجوع

زر شبحي بسهم يقلب في RTL عبر -scale-x-100 تحت [dir=rtl].

skeu-btn
skeu-btn-ghost

العودة إلى الطلبات

عرض البيانات

بلاطة مؤشر أداء

قارئ أرقام (skeu-meter): تسمية صغيرة، رقم كبير جدولي، وسطر مساعد.

skeu-meter

طلبات اليوم

1,284

آخر تحديث قبل دقيقتين

صف إحصاء مع شريحة فرق

ثلاثة قوارئ في شبكة، لكل منها شريحة خضراء أو محايدة للفرق.

skeu-meter
skeu-chip-success
skeu-chip-neutral

الإيرادات

48.2M+12%

الطلبات

3,410+4%

المرتجعات

1.8%±0

بطاقة منتج

لوح تفاعلي: صورة في بلاطة سيراميكية، شارة، سعر بالدينار، وزر إضافة للسلة.

skeu-panel
skeu-panel-interactive
skeu-tile-ceramic
skeu-chip-solid
skeu-btn-primary

-20%

سماعات لاسلكية بعزل ضوضاء

89,000 د.ع~~112,000~~

بطاقة تسعير

لوح مرفوع 2 مع شارة «الأكثر طلباً»، سعر كبير، قائمة مزايا، وزر أساسي.

skeu-panel-2
skeu-chip-solid
skeu-btn-primary

الأكثر طلباً

GINI Plus

15,000د.ع / شهرياً

توصيل مجاني لكل طلب
دعم بأولوية
نقاط ولاء مضاعفة

بطاقة ميزة

بلاطة أيقونة مؤكسدة، عنوان، وصف قصير — الوحدة الأساسية لأي شبكة مزايا.

skeu-panel
skeu-tile

توصيل في نفس اليوم

اطلب قبل الساعة 2 ظهراً واستلمه الليلة في أي مكان ببغداد.

بطاقة شهادة

اقتباس، نجوم، وصف المتحدث مع صورة رمزية سيراميكية.

skeu-panel
skeu-tile-ceramic

«طلبت الظهر ووصل الساعة سبعة. لن أستخدم تطبيقاً آخر.»

SAسارة أ.البصرة · مشترية موثّقة

بطاقة مستخدم + مجموعة صور رمزية

صورة رمزية بحرفين، اسم ودور، ومجموعة صور متراكبة بحد أبيض.

skeu-panel
skeu-tile
skeu-tile-ceramic
skeu-chip-neutral

AHعلي حسنتاجر · الكرادةمدير

MKRSZA+6

جدول مع رأس وصفوف وإجراءات

skeu-table: رأس مرفوع لاصق، جسم غائر، صفوف تُضاء عند التحويم بحافة برتقالية.

skeu-table
skeu-chip-success
skeu-chip
skeu-btn-ghost

الطلب	العميل	الحالة	الإجمالي
#48213	سارة أ.	تم التسليم	89,000
#48212	عمر ك.	جاري التوصيل	142,500

قائمة وصفية

أزواج مفتاح/قيمة في بئر ناعم بفواصل محفورة — لتفاصيل الطلب والفواتير.

skeu-well-soft

الطلب: #48213
تاريخ الطلب: 12 أيلول 2026، 14:02
الدفع: Qi Card •• 4821
الإجمالي: 89,000 د.ع

خط زمني

عمود نقاط: منجزة (خضراء)، حالية (مؤكسدة نابضة)، قادمة (بئر).

skeu-chip-success
skeu-tile
skeu-tile-soft
skeu-divider

تم تأكيد الطلب
14:02
قيد التجهيز
الآن · التاجر: TechZone
جاري التوصيل

الشارات والشرائح

أربع خامات: مصبوغة، صلبة، محايدة، نجاح — مع شريحة عدّاد وشريحة قابلة للإزالة.

skeu-chip
skeu-chip-solid
skeu-chip-neutral
skeu-chip-success

جديدمميّزمسودةموثّق99+البصرة

شريط تقدّم + تقدّم دائري

مسار غائر وتعبئة مؤكسدة؛ الدائري SVG بنفس اللون مع قراءة في المنتصف.

skeu-track
skeu-fill

جارٍ الرفع68%

68%

عدّاد / مقياس

نصف دائرة داخل قارئ أرقام — لمعدلات الرضا أو الطاقة أو الحصص.

skeu-meter

72%

سعة الأسطول

حالة فارغة

بئر غائر بحد متقطع، بلاطة أيقونة مصبوغة، نص قصير، وإجراء واحد.

skeu-well
skeu-tile-soft
skeu-btn-primary

سلّتك فارغة

تصفّح أكثر من 2,500 تاجر وأضف ما تحب.

ابدأ التسوّق

مجموعة هياكل تحميل

كتل غائرة بمسح ضوئي، بنفس هندسة البطاقة التي ستحل محلها.

skeu-panel
skeu-skeleton

صفوف قائمة بأسهم

لوح يحوي صفوفاً قابلة للنقر بأيقونة، عنوان، وصف، وسهم يقلب في RTL.

skeu-panel
skeu-list-item
skeu-tile-soft

طرق الدفعQi Card، زين كاش، نقداً
العناوينعنوانان محفوظان

التغذية الراجعة والطبقات

التنبيهات الدلالية الأربعة

جسم نظام مرفوع بحافة ملونة على جهة البداية — نجاح، خطأ، تحذير، معلومة.

skeu-alert
skeu-alert-success
skeu-alert-error
skeu-alert-warning
skeu-alert-info

تم الحفظ. عنوانك الآن هو الافتراضي.

فشل الدفع. رُفضت البطاقة — جرّب طريقة أخرى.

المخزون منخفض. بقي 3 فقط بهذا السعر.

تنبيه. يتوقف التوصيل أثناء صلاة الجمعة.

توست

تنبيه عائم قصير بأيقونة وزر إجراء وإغلاق، يظهر بـ animate-skeu-pop.

تفاعلي

skeu-floating
skeu-chip-success
animate-skeu-pop

أُضيف إلى السلةسماعات لاسلكية بعزل ضوضاء

نافذة حوارية (حيّة)

خلفية معتمة + لوح طبقة علوية بـ animate-skeu-dialog؛ Escape يغلق والتركيز محبوس داخلها.

تفاعلي

skeu-backdrop
skeu-dialog
animate-skeu-dialog
skeu-btn-primary
skeu-btn-secondary

حوار تأكيد (حيّ)

نفس النافذة الحوارية مع بلاطة تحذير وزر حذف أحمر — للإجراءات غير القابلة للتراجع.

تفاعلي

skeu-backdrop
skeu-dialog
animate-skeu-dialog
skeu-btn-destructive

لوح سفلي (حيّ)

نافذة حوارية مثبتة أسفل الشاشة بمقبض سحب — للموبايل.

تفاعلي

skeu-backdrop
skeu-dialog
animate-skeu-dialog

التجارة

حبوب حالة الطلب

الأربع حالات القياسية في جنّي: قيد التجهيز، جاري التوصيل، تم التسليم، ملغى.

skeu-chip
skeu-chip-solid
skeu-chip-success
skeu-chip-neutral

قيد التجهيزجاري التوصيلتم التسليمملغى

سطر في السلة

صورة، اسم، خيار، عدّاد كمية، سعر السطر، وزر حذف شبحي.

skeu-panel
skeu-tile-ceramic
skeu-btn-secondary
skeu-btn-ghost

سماعات لاسلكية بعزل ضوضاء

أسود · ضمان سنة

178,000 د.ع

سعر مع خصم

السعر الحالي بارز، السعر القديم مشطوب، ونسبة الخصم في شريحة نجاح.

skeu-chip-success

89,000 د.ع~~112,000~~وفّر 23,000

أو 3 أقساط × 29,667 د.ع

عدّاد كمية

زران سيراميكيان يحيطان ببئر قراءة؛ الحد الأدنى يعطّل زر النقصان.

skeu-btn-secondary
skeu-input

خط توصيل أفقي

ثلاث محطات أفقية بمسار تقدم بينها — نسخة الموبايل من الخط الزمني.

skeu-panel
skeu-chip-success
skeu-tile
skeu-tile-soft
skeu-track
skeu-fill

الطلب #48213يصل اليوم

مؤكدفي الطريقتم التسليم

بطاقة رأس التاجر

شعار في بلاطة سيراميكية، اسم، شارة توثيق، تقييم، وزر متابعة.

skeu-panel-2
skeu-tile-ceramic
skeu-chip-success
skeu-btn-primary

TechZone

موثّق

4.8· 1.2 ألف طلب · الكرادة

صف طريقة الدفع

خيارات دفع كبطاقات راديو: Qi Card، ZainCash، الدفع عند الاستلام.

skeu-panel
skeu-panel-selected
skeu-check
skeu-radio
skeu-tile-ceramic

QiQi Card •••• 4821افتراضيZainزين كاشالدفع عند الاستلام

شريحة كوبون / نقاط ولاء

حقل كوبون مع زر تطبيق، وشريحة نقاط ولاء مؤكسدة برصيد جدولي.

skeu-input
skeu-btn-tint
skeu-chip-solid
skeu-chip

2,480 نقطةWELCOME10 · -10%

المرجع الآلي

نفس هذه المكتبة — بالأسماء والأصناف ومقتطفات HTML — متاحة لأي وكيل ذكاء عبر brand.json و brand.md، ومضمّنة في brand-prompt.md و cursorrules و AGENTS.md.

12/16

الشخصية

جنّي — وجه العلامة

شخصية ثلاثيّة الأبعاد بشعر برتقالي وجاكيت أسود — وسيلتنا البصريّة لإيصال الإحساس الودّي والدافئ في كل مكان تظهر فيه العلامة.

42 / 42·وضعيّات الشخصية الرسميّةمتوفّرة

أمامي

لقطة قريبة

ثقة

ابتسامة

أيدٍ متقاطعة

تصفيق

ترحيب

تفكير

يساري

جانب يسار

يميني

زاوية مائلة

خلفي يسار

تسليم طرد

زي التوصيل

موصّل

يد مرفوعة

يشير للأسفل

تحيّة

يشير للأمام

هاتف بيدين

تركيز

بورتريه

جانب يسار ٢

صندوق جانبي

صندوق بيد

صندوق توصيل

بروفايل

هاتف بيد

احتفال

زاوية علويّة

طرود متعدّدة

زاوية منخفضة

ممتاز

صندوق بيدين

جانب يمين ٢

يمشي بصندوق

بصندوق ٢

منظور علوي

بصندوق

تفاجؤ علوي

بصندوق ٣

كيف نستخدم الشخصية

افعل

ضعها على خلفية تُبرز ملامحها — فاتحة كالكريمي أو داكنة كالأسود — بشرط أن يبقى التباين واضحاً.
حافظ على مساحة تنفّس حولها لا تقلّ عن ارتفاع الرأس.
اختر الوضعية التي تناسب رسالة التصميم (إعلانات، إشعارات، قصص).

تجنّب

لا تعيد تلوينها — الباليت الرسمي فقط.
لا تقلب الذيل البرتقالي بلون آخر.
لا تستخدمها بحجم أصغر من 120 بكسل (تفقد التفاصيل).

13/16

الصوت والنبرة

كيف نتحدّث إلى جمهورنا

أربع صفات ترشدنا عند كتابة أيّ جملة باسم جنّي — من الإعلانات إلى خدمة العملاء.

دافئ

نتحدّث بلغة بسيطة، قريبة من الناس، تعكس ثقافتنا العراقية.

واثق

نقدّم وعوداً نفي بها، ونوضح ما نعرف وما لا نعرف.

مختصَر

جمل قصيرة وأفكار واضحة. كل كلمة تستحق مكانها.

متفائل

نرى الفرصة قبل العائق، ونصنع أدوات تُسهّل الخطوة التالية.

نقول / لا نقول

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

14/16

للإعلام

نصّ جاهز لوصف جنّي

انسخ الفقرة التالية كما هي في مقالك أو بيانك الصحفي — أو اقتبس الحقائق السريعة مباشرة.

فقرة جاهزة

جنّي (GINI) شركة عراقية لأتمتة الأسواق والتجارة الرقمية تأسّست عام 2023، تهدف إلى ربط التجار ومزودي الخدمات وشركات التوصيل وأنظمة الدفع ضمن منظومة تقنية موحدة. توفّر جنّي أدوات لإدارة الأعمال وعرض المنتجات والخدمات ومعالجة المدفوعات وإدارة الطلبات — مما يمكّن الشركات والتجار من النمو والوصول إلى ملايين المستخدمين بسهولة وكفاءة. مقرّها الرئيسي في بغداد، وتخدم التجار والمستهلكين في جميع المحافظات العراقية.

الاسم الرسمي: GINI (جنّي)
سنة التأسيس: 2023
المقر: بغداد، العراق
النشاط: أتمتة الأسواق والتجارة الرقمية
الموقع: gini.iq
التواصل الإعلامي: info@gini.iq

15/16

للمطوّرين

اعتمد علامة جنّي بسطر واحد

كلّ الأصول الآليّة لهذه الصفحة متاحة على روابط مستقرّة. اختر طريقة الدمج، انسخ السطر، والصقه في مشروعك — أو سلّم الروابط لـ Claude أو Cursor أو v0 لتلتزم تلقائيّاً.

سطر واحدصفر تبعيّات7 نقاط نهاية

اختر طريقة الدمج7 طرق

brand.csscss

/* globals.css */
@import url("https://gini.iq/brand.css");

/* That's it — every --gini-* token + shadcn alias is now available. */
.btn-primary {
  background: var(--gini-orange);
  color: var(--gini-cream);
}

فتحgini.iq/brand.css

روابط مستقرّة

المصادر الخامّة

كلّ ما سبق مبنيّ على هذه الملفّات الخامّة. روابط ثابتة لا تتغيّر، يمكن لأيّ متصفّح أو وكيل ذكاء أن يقرأها مباشرة.

6 ملفّات

للاستخدام التحريريّ والشركاء المعتمدون. للتعاون التجاريّ راسل info@gini.iq.

16/16

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

أجوبة لأكثر الأسئلة تكراراً

إذا لم تجد ما تبحث عنه، راسلنا على info@gini.iq.

هل يمكنني استخدام الشعار في مقال أو فيديو عن جنّي؟

نعم. الاستخدام التحريري (صحافة، مدوّنات، محتوى إخباري) مسموح به دون إذن مسبق، ما دام الشعار مُستخدماً كما هو موضّح هنا — بالنسب والألوان الأصلية.

أرغب بعمل علامة مشتركة مع جنّي — ما الخطوة؟

راسلنا على info@gini.iq بتفاصيل المشروع والجدول الزمني. عادةً نردّ خلال 24 ساعة ونزوّدك بإرشادات إضافية وأصول خاصّة بالتعاون.

هل يمكنني تعديل الألوان لتتماشى مع هويّتي؟

لا. استخدم الألوان الرسميّة فقط (برتقالي جنّي أو النسخة البيضاء). أي تعديل لوني يُعدّ إساءة استخدام للعلامة.

هل لديكم صور عالية الجودة للإعلام؟

نعم. راسلنا على info@gini.iq وسنرسل لك حزمة صور مخصّصة تشمل لقطات منتجات، فريق العمل، والمقر الرئيسي.

هل اسم «جنّي» و«GINI» علامات مسجّلة؟

نعم، كلاهما علامتان تجاريّتان تخصّان GINI. يجب تجنّب استخدامهما لأسماء منتجات أو شركات مشابهة قد تُسبّب التباساً.

للإعلام

تحتاج مواد إضافيّة؟ نحن هنا.

أرسل لنا طلبك على info@gini.iq وسنعود إليك بصور مخصّصة أو تصريح علامة خلال 24 ساعة.

مراسلة الفريق العودة للرئيسية

نبني البنية التحتية الرقمية للتجارة في العراق.

تمكين كلّ تاجر من النمو رقمياً.

شركة أتمتة الأسواق والتجارة الرقمية في العراق.

تمكين التجار. تبسيط التجارة.

نحن / لسنا

الشعار الرئيسي

على خلفية كريميّة

على خلفية داكنة

على اللون الأساسي

أحاديّة اللون — على أبيض خالص

أحاديّة اللون — على أسود خالص

الرمز الأحادي

الرمز على اللون البرتقالي

الرمز الأحادي — على أبيض خالص

الرمز الأحادي — على أسود خالص

ما هو محميّ

ما يُسمح به

ما يُمنع صراحةً

الإبلاغ عن انتهاك

قواعد سريعة

طاولة العيّنات

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

منطق مادي حقيقي

مصدر ضوء واحد

ضبط النفس قبل الإبهار

تسلسل عمق واضح

الوضوح يفوز دائماً

الوصول لا يُساوَم عليه

نموذج الإضاءة

الخامات الأربع

بوليمر مطفأ

سيراميك مرفوع

برتقالي مؤكسد

غرافيت

سلّم الارتفاع

مقياس الأقطار

قواعد الحركة

فهرس المكوّنات

قواعد الحالات

المنهجية — سبع مراحل

افعل

لا تفعل

التوكنات الأساسية

المراجع القابلة للقراءة آلياً

التثبيت في 10 ثوانٍ

الإجراءات

النماذج

عنوان الشحن

التنقّل

عرض البيانات

سماعات لاسلكية بعزل ضوضاء

توصيل في نفس اليوم

سلّتك فارغة

التغذية الراجعة والطبقات

التجارة

TechZone

المرجع الآلي

دافئ

واثق

مختصَر

متفائل

نقول / لا نقول

البيان الكامل

دليل العلامة

JSON Schema

ملفّات الشعار

حزمة الشخصية