للمطوّرين·v1.1.0·2026-09

ابنِ بأسلوب جنّيفي دقائق، لا أسابيع

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

اربط خادم MCP تصفّح المكوّنات دليل العلامة

بلا مصادقة
صفر تبعيّات
RTL جاهز · WCAG AA

ثلاثة أسطر تكفيgini.iq/developer

خادم MCP لأيّ مساعد ذكاءterminal

claude mcp add --transport http gini-brand https://gini.iq/mcp

المكوّنات في أيّ صفحة HTMLindex.html

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

لوحة الألوان والخطّ في CSSglobals.css

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

يعمل معClaude CodeClaude.ai / Claude DesktopCursorVS Code (Copilot)ChatGPTOpenAI Codex CLIGemini CLIWindsurf

مكوّناً حيّاً: 112
أداة MCP: 17
ملفات جاهزة: 07
تبعيّات: 0

01/7

ابدأ هنا

ثلاثة مسارات، مصدر حقيقة واحد

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

01
مساعد ذكاء
أضِف الخادم إلى Claude أو ChatGPT أو Cursor أو VS Code، ثمّ اسأله عن أيّ لون أو شعار أو مكوّن.
terminal
```
claude mcp add --transport http gini-brand https://gini.iq/mcp
```
كلّ العملاء
02
صفحة HTML أو إطار
ورقتا أنماط بلا تبعيّات: لوحة الألوان والخطّ في brand.css، والخامات كلّها في skeu.css.
index.html
```
<link rel="stylesheet" href="https://gini.iq/brand.css">
<link rel="stylesheet" href="https://gini.iq/skeu.css">
```
المكوّنات
03
وكيل كود
ملفّ قواعد في جذر المشروع يجعل Cursor أو Claude Code أو Codex يحترم العلامة في كلّ تعديل.
terminal
```
curl https://gini.iq/AGENTS.md > AGENTS.md
```
ملفات المشروع

02/7

MCP والذكاء الاصطناعي

خادم MCP عامّ — علامة جنّي داخل أيّ مساعد ذكاء

بلا مفاتيح ولا تسجيل: أضِف gini.iq/mcp إلى عميلك وسيقرأ المساعد الألوان والشعارات والمكوّنات والنبرة من المصدر مباشرة — 17 أداة و6 موارد و3 prompts جاهزة.

بلا مصادقة17 أداة6 موارد3 prompts

عنوان الخادم

https://gini.iq/mcp

Streamable HTTP، بلا حالة، CORS مفتوح — الصقه في أيّ عميل يدعم MCP أو اختر عميلك أدناه.

MCP Inspector

اختر عميلك9

terminalbash

claude mcp add --transport http gini-brand https://gini.iq/mcp

فتحgini.iq/mcp

الأدوات

كلّ أداة تقرأ من مصدر الحقيقة نفسه الذي يعرض هذه الصفحة.

get_brand_overviewالاسم، التموضع، الحقائق، وكلّ الروابط الرسمية
get_paletteالألوان بصيغ HEX/RGB/HSL/CMYK/Pantone مع الأدوار
check_contrastنسبة تباين WCAG لأيّ لونين وتصنيفها
get_typographyالخط والأوزان والسُلّم الطباعي
get_logosملفات الشعار الصحيحة لأيّ خلفية مع القواعد والقياسات
get_product_marksعلامات المنتجات وقواعد الجمع مع شعار جنّي
get_design_systemالخامات، الإضاءة، سلّم الارتفاع، الأقطار، الحركة، التوكنات
list_componentsفهرس المكوّنات الجاهزة مع بحث
get_componentكود HTML الكامل لمكوّن واحد
get_layout_systemالمسافات والشبكة ونقاط التوقّف
get_iconographyمكتبة الأيقونات وقواعدها
get_imagery_guidelinesمبادئ الصور والرسوم
get_mascotsوضعيّات الشخصية الرسمية بروابط مباشرة
get_voiceالنبرة وأمثلة الكتابة
get_press_kitالفقرة الصحفية والحقائق والملكية والأسئلة الشائعة
get_brand_promptتعليمات النظام الكاملة للنماذج
get_stylesheetbrand.css أو Tailwind أو skeu.css أو W3C tokens

الموارد

gini://brand/manifestبيان العلامة الكامل (JSON)
gini://brand/guideكتاب العلامة (Markdown)
gini://brand/promptتعليمات النظام
gini://brand/cssمتغيّرات CSS
gini://component/{id}مكوّن واحد بكوده
gini://logo/{id}ملف شعار واحد (SVG)

الـ Prompts

gini_brand_systemتحميل هوية جنّي كاملة في سياق المحادثة
design_gini_screenصمّم شاشة أو صفحة بمكوّنات جنّي
write_gini_copyاكتب نصّاً بنبرة جنّي

جرّبه بعد الربط

«ما اللون البرتقالي الرسمي لجنّي وما التباين الآمن للنصوص عليه؟»
«أعطني كود بطاقة منتج بأسلوب جنّي للـ HTML العادي»
«صمّم صفحة هبوط لمنتج فوز بمكوّنات جنّي، بالعربية أولاً»
«أيّ ملفّ شعار أستخدم على خلفية سوداء؟»

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

03/7

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

7 ملفات

استورد العلامة بسطر واحد

متغيّرات CSS متوافقة مع shadcn، كتلة Tailwind v4، توكنات بصيغة W3C، وتعليمات نظام جاهزة لـ Claude وCursor ووكلاء الكود. كلّ ملفّ رابط ثابت يُقرأ مباشرة ويُحدَّث من دون أن تلمس مشروعك.

الأنماطbrand.css للألوان والخطّ، skeu.css للخامات — يعملان معاً أو كلّ على حدة.
Tailwind وTokensكتلة @theme لمشروع Tailwind v4، وملفّ توكنات W3C لأنابيب Style Dictionary وFigma.
تعليمات الوكلاءbrand-prompt.md وcursorrules وAGENTS.md — تجعل أيّ وكيل كود يحترم العلامة تلقائيّاً.
روابط ثابتةكلّ ملفّ يُخدَم من gini.iq بـ CORS مفتوح؛ اربطه مباشرة أو نزّله إلى المستودع.

اختر الملفّ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

04/7

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

112 مكوّناً · v1.1.0

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

112 مكوّناً حيّاً مبنيّاً من الأصناف الحقيقية نفسها التي تشغّل هذا الموقع. كل بطاقة تعرض المكوّن يعمل فعلاً، ومعها كود 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">

112 مكوّناًصفر تبعيّات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%

التسويق والصفحات

بطل مقسوم — نصّ وشخصية

شريحة نبض، عنوان بكلمة مميّزة، نصّ تمهيدي، زرّان، والشخصية الرسمية على الجهة الأخرى.

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

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

نمكّن الشركاء من النمو رقمياً

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

رأس قسم مرقّم

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

skeu-chip

02 / 06المنتجات

كلّ ما يحتاجه التاجر، في مكان واحد

متجر ومدفوعات وتوصيل وولاء — متّصلة، ليصبح النموّ قراراً واحداً.

شبكة ميزات — ثلاث بلاطات

ثلاث بطاقات مرفوعة ببلاطة أيقونة مؤكسدة وعنوان ونصّ قصير — تنقسم تلقائياً 1 / 2 / 3 أعمدة.

skeu-panel
skeu-tile

مدفوعات إلكترونية آمنة

كي كارد وزين كاش والدفع عند الاستلام — تُسوّى إلى حسابك تلقائياً.

توصيل موثوق

مندوبون في كلّ المحافظات مع تتبّع مباشر لك ولزبونك.

ولاء مدمج

نقاط على كلّ طلب تُعيد الزبائن بلا تطبيق ثانٍ.

شريط أرقام

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

skeu-well
skeu-meter

الزبائن: 1.2M+
الأنشطة التجارية: 2,500+
الطلبات: 3.4M
المحافظات: 18

كيف يعمل — ثلاث خطوات

خطوات مرقّمة ببلاطات مؤكسدة وخطّ واصل بينها؛ تتحوّل إلى عمود على الهاتف.

skeu-tile
skeu-divider

1
أنشئ متجرك
سجّل خلال دقائق وأضف منتجاتك بالصور والأسعار.
2
استقبل الطلبات
يدفع الزبون إلكترونياً أو عند الاستلام؛ وتؤكّد أنت من تطبيق التاجر.
3
نوصّل وأنت تنمو
يستلم المندوب الطرد وتصلك التسوية تلقائياً.

شريط دعوة غرافيتي

سطح غرافيتي بتوهّج برتقالي، عنوان قوي، وزرّ أساسي مع رابط ثانوي — يختم الصفحة.

skeu-dark
skeu-btn-primary
skeu-btn-dark

مستعدّ للبيع في كلّ العراق؟

انضمّ إلى أكثر من 2,500 تاجر ينمون مع جنّي. بلا رسوم تأسيس.

أسئلة شائعة — أكورديون

عناصر details/summary أصلية داخل لوح واحد؛ بلا JavaScript ومتاحة للوحة المفاتيح.

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

هل هناك اشتراك شهري؟

لا. تأخذ جنّي عمولة صغيرة على كلّ طلب مكتمل ولا شيء غير ذلك.

متى أستلم أموالي؟

تُحوَّل التسويات أسبوعياً إلى كي كارد أو حسابك المصرفي.

هل توصّلون خارج بغداد؟

نعم — إلى كلّ المحافظات عبر شركائنا في التوصيل.

جدار شعارات

بئر غائر يحمل شعارات الشركاء على بلاطات مرفوعة، رمادية حتى التحويم.

skeu-well
skeu-panel

يثقون بنا

أزرار تحميل التطبيق

زرّان غرافيتيان لمتجر آبل وغوغل بلاي بأيقونة ونصّين — يُستخدمان معاً دائماً.

skeu-btn
skeu-btn-dark

حمّله منApp Store احصل عليه منGoogle Play

بطاقة تواصل

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

skeu-panel
skeu-tile-soft
skeu-btn-tint

تحدّث معنا

الخط الساخن7721
البريدinfo@gini.iq
ساعات العملالسبت–الخميس · 9:00–18:00

فوتر الموقع

سطح غرافيتي بأربعة أعمدة روابط، شعار أبيض، وسطر حقوق مع روابط قانونية.

skeu-dark

التخطيط والبنية

هيكل التطبيق — شريط علوي وسكّة جانبية ومحتوى

الإطار الكامل للوحة التاجر: سكّة علوية مصنفرة بالبحث والإشعارات، سكّة جانبية بالأقسام تتحوّل إلى شريط أفقي على الهاتف، ومنطقة محتوى تحمل بطاقة مرفوعة بمؤشّرات رقمية.

skeu-well
skeu-rail
skeu-panel
skeu-well-accent
skeu-list-item
skeu-meter
skeu-input
skeu-chip-solid
skeu-chip-neutral
skeu-tile-ceramic
skeu-btn-primary
skeu-btn-secondary
skeu-btn-ghost
skeu-alert
skeu-alert-info

GINI.تاجر

صباح الخير يا علي

TechZone · الكرادة · السبت 26 أيلول

اليوم في لمحة

عرض التقرير

المبيعات: 1,240,000 د.ع
الطلبات: 18
بانتظار الإرسال: 3

التسوية يوم الأحد. سيُحوَّل 2,180,000 د.ع إلى بطاقة Qi الخاصّة بك.

رأس صفحة — عنوان ومسار وإجراءات

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

skeu-chip-success
skeu-chip
skeu-btn-primary
skeu-btn-secondary
skeu-btn-ghost
skeu-divider

الطلب #48213

مدفوعقيد التجهيز

علي حسنالكرادة، بغداد12 أيلول 2026، 14:023 عناصر · 267,000 د.ع

لوحان متجاوران — قائمة وتفاصيل

عمود قائمة بصفوف قابلة للاختيار وحقل بحث، وبجانبه لوح التفاصيل برأس وملخّص وأزرار إجراء؛ الصفّ المختار بئر مصبوغ، ويتراصّ اللوحان عمودياً على الهاتف.

skeu-panel
skeu-well-accent
skeu-list-item
skeu-tile
skeu-tile-ceramic
skeu-input
skeu-well-soft
skeu-chip
skeu-chip-neutral
skeu-btn-primary
skeu-btn-secondary
skeu-btn-ghost

الطلب #48213 · علي حسن

الكرادة، بغداد · Qi Card •••• 4821

قيد التجهيز

سماعات لاسلكية بعزل ضوضاء × 1: 178,000
غطاء هاتف شفّاف × 2: 84,000
التوصيل · بغداد: 5,000
الإجمالي: 267,000 د.ع

تخطيط الإعدادات — تبويبات جانبية ولوح نشط

قائمة تبويبات عمودية من مفاتيح مرفوعة داخل بئر، المفتاح النشط مضغوط بلون برتقالي، وبجانبها لوح الإعدادات بحقول ومفاتيح تبديل وأزرار حفظ؛ تصبح التبويبات شريطاً أفقياً على الهاتف.

skeu-panel
skeu-well
skeu-tab
skeu-tab-active
skeu-input
skeu-well-soft
skeu-toggle
skeu-divider
skeu-btn-primary
skeu-btn-secondary

ملف المتجر

ما يراه العملاء في واجهة متجرك على جنّي.

اسم المتجرهاتف الدعمعنوان الفرع

استقبال الطلباتأوقفه مؤقّتاً لإخفاء المتجر

الدفع عند الاستلاموفّره إلى جانب Qi Card وزين كاش

شريط إجراءات سفلي لاصق

سكّة مصنفرة تلتصق بأسفل منطقة التمرير: ملخّص الإجمالي على جهة البداية، وزرّ ثانوي وآخر أساسي على جهة النهاية؛ تتمدّد الأزرار بعرض الشاشة على الهاتف.

skeu-well
skeu-panel
skeu-rail
skeu-tile-ceramic
skeu-tile-soft
skeu-btn-primary
skeu-btn-secondary

سماعات لاسلكية بعزل ضوضاءأسود · × 1178,000
غطاء هاتف شفّافشفّاف · × 284,000
التوصيل إلى الكرادة، بغدادغداً، 10:00–14:005,000

الإجمالي · 3 عناصر

267,000 د.ع

العرض المرئي للبيانات

مخطّط أعمدة أسبوعي

سبعة أعمدة CSS بتسميات الأيام وخطوط شبكة رفيعة للمحور الرأسي؛ أعلى عمود مؤكسد وقيمته فوقه، والبقيّة بصبغة خفيفة.

skeu-panel
skeu-fill
skeu-chip-success

طلبات هذا الأسبوع

السبت 19 – الجمعة 25 أيلول · TechZone

+9%

258

سبتأحداثنينثلاثاءأربعاءخميسجمعة

خريطة حرارية للنشاط

شبكة من سبعة أيام في ستّ فترات زمنية؛ كلّ خلية تتدرّج من بئر فارغ إلى ثلاث صبغات من اللون الرئيسي ثمّ التعبئة المؤكسدة للذروة، مع مفتاح من الأقلّ إلى الأكثر.

skeu-panel
skeu-fill

ساعات الذروة

الطلبات لكلّ فترة · آخر 4 أسابيع

6ص9ص12م3م6م9م

سبت

أحد

اثنين

ثلاثاء

أربعاء

خميس

جمعة

أقلّأكثر

بطاقة مؤشّر مع خطّ اتجاه مصغّر

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

skeu-panel
skeu-chip-success

الإيرادات · آخر 30 يوماً

+12.4%

48.2Mد.ع

27 آبالفترة السابقة 42.9M26 أيلول

شريط توزيع مكدّس

مقاطع أفقية مكدّسة داخل مسار غائر تفصل بينها فجوة، مع مفتاح من أربع فئات يحمل الأسماء والنِّسَب.

skeu-panel
skeu-track
skeu-fill

مزيج الدفع

3,410 طلبات · أيلول

بطاقة كي46%
زين كاش27%
الدفع عند الاستلام19%
أخرى8%

صفوف مقارنة

خمسة صفوف: تسمية، وشريط أفقي يتناسب مع القيمة، وقيمة جدولية في عمود محاذٍ — بديل هادئ لمخطّط الأعمدة.

skeu-panel
skeu-track
skeu-fill

الطلبات حسب المحافظة

أيلول · الإجمالي 3,471

بغداد1,284
البصرة812
أربيل655
النجف402
نينوى318

مخطّط القيمة مقابل الهدف

قارئ أرقام يقيس الشهر مقابل هدف: شريط قياس بتعبئة مؤكسدة على مسار غائر، وعلامة هدف داكنة تعبره، وسلّم تدريج تحته، مع الفارق عن الهدف بالدينار.

skeu-meter
skeu-track
skeu-fill

متوسّط قيمة الطلب

أيلول

64,500د.ع

مقابل الهدف−3,500

الهدف

040K80K

الهدف 68,000 د.عالشهر الماضي 61,200 د.ع

التواصل والإشعارات

فقاعات دردشة مع مؤشّر كتابة

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

skeu-panel
skeu-well-soft
skeu-tile-ceramic
skeu-chip-solid
skeu-chip-neutral
skeu-input
skeu-btn-primary
skeu-btn-ghost

TechZoneمتّصل · يردّ خلال دقائق

اليوم

مرحباً علي! الطلب #48213 مغلّف وجاهز. التوصيل اليوم أم غداً؟

14:02

اليوم من فضلكم — أكون في البيت بعد الخامسة مساءً.

14:04

سلسلة تعليقات مع ردّ متداخل

تعليق رئيسي بصورة رمزية واسم وشريحة «مشترٍ موثّق» ووقت نسبي، وزرّا إعجاب وردّ شبحيّان؛ ردّ التاجر متداخل بمستوى واحد خلف حافّة جانبية، ويختم اللوح صندوق ردّ بحقل نصّ غائر وزرّ نشر.

skeu-panel
skeu-tile
skeu-tile-ceramic
skeu-chip
skeu-chip-success
skeu-btn-ghost
skeu-divider
skeu-input
skeu-btn-primary

التعليقات (2)

علي حسنمشترٍ موثّققبل يومين

البطارية تدوم يومين كاملين، والتوصيل إلى الكرادة استغرق أقلّ من ثلاث ساعات. هل تأتي النسخة السوداء بضمان السنة نفسه؟

TechZoneتاجرأمس

نعم — كلّ الألوان تُشحن بضمان السنة نفسه، ويُسجَّل تلقائياً في حسابك على جنّي.

قائمة إشعارات

رأس بعدّاد غير المقروء وزرّ «تعليم الكلّ كمقروء»، وأربعة صفوف بأيقونة على بلاطة وعنوان ونصّ ووقت؛ الصفوف غير المقروءة أثقل خطّاً وتحمل نقطة مؤكسدة في الطرف، وخامة البلاطة تدلّ على نوع الإشعار.

skeu-panel
skeu-tile
skeu-tile-soft
skeu-tile-ceramic
skeu-chip-solid
skeu-btn-ghost
skeu-list-item

الإشعارات

عرض كلّ الإشعارات

سجلّ النشاط

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

skeu-panel
skeu-chip
skeu-chip-neutral
skeu-chip-success
skeu-tile
skeu-tile-soft
skeu-tile-ceramic
skeu-btn-tint
skeu-btn-secondary

النشاط

مباشر

طلب جديد #48214 من سارة أ. — منتجان، 142,500 د.ع
قبل دقيقتين
بطاقة كيفرع الكرادة
أُرسلت التسوية — 2,340,000 د.ع إلى بطاقة كي •••• 4821
قبل ساعة
الأسبوع 39 · 312 طلباً
المخزون منخفض — سماعات لاسلكية بعزل ضوضاء، بقي 3 فقط
قبل 3 ساعات
زينب أ. تركت تقييماً بخمس نجوم
أمس
«توصيل سريع، ومطابق للوصف تماماً.»
عمر ك. أضاف فرع المنصور
أمس
استلام وتوصيل · يفتح 10 صباحاً

صفوف صندوق الوارد

ثلاثة صفوف وارد: صورة المرسل، الاسم والوقت في سطر واحد، الموضوع، ومعاينة مقتطعة، مع شريحة مرفق محايدة ونقطة غير مقروء؛ الصفّ غير المقروء أثقل خطّاً ووقته مؤكسد، ويرتفع كلّ صفّ إلى سيراميك عند التحويم.

skeu-panel
skeu-list-item
skeu-tile
skeu-tile-soft
skeu-tile-ceramic
skeu-chip-neutral

بطاقة تذكرة دعم

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

skeu-panel
skeu-chip-solid
skeu-chip-neutral
skeu-well-soft
skeu-tile
skeu-tile-ceramic
skeu-btn-ghost
skeu-btn-secondary
skeu-btn-primary

#TCK-1042قيد المعالجةأولويّة عالية

الطرد مُعلَّم كمُسلَّم ولم يصل

العميل: علي حسن · الكرادة
الطلب: #48213
الفئة: التوصيل
المهلة: خلال ساعتين

علي حسنقبل 35 دقيقة

يقول التطبيق إنّ الطرد سُلِّم الساعة 16:20 لكن لم يقرع أحد الجرس، وحارس البناية لم يستلم شيئاً أيضاً. هل يمكنكم التحقّق مع المندوب؟

الحساب والدخول

بطاقة تسجيل الدخول

لوح مرفوع من الدرجة الثانية يحمل بلاطة قفل مؤكسدة وعنواناً ترحيبيّاً، وحقل هاتف أو بريد بأيقونة أماميّة، وحقل كلمة مرور بزرّ إظهار شبحيّ، وصفّ «تذكّرني» مع رابط استعادة، ثمّ زرّ دخول أساسيّ بعرض كامل، وفاصل محفور، ورابط إنشاء حساب بسهم يقلب في RTL.

skeu-panel-2
skeu-tile
skeu-input
skeu-check
skeu-btn-ghost
skeu-btn-primary
skeu-divider

بطاقة إنشاء حساب

نموذج تسجيل: حقل الاسم، وحقل هاتف ببادئة ‎+964 مثبّتة على جهة البداية، وحقل كلمة مرور بزرّ إظهار ومقياس قوّة من أربعة مقاطع على مسار غائر مع تعليق ملوّن دلاليّاً، وصندوق موافقة على الشروط والخصوصيّة، ثمّ زرّ إنشاء أساسيّ ورابط دخول للحسابات القائمة. الشيفرة تعرض حالة «جيّدة» ثابتة والحقل فارغاً؛ أمّا النسخة الحيّة فتبدأ بكلمة مرور تجريبيّة لتحريك المقياس.

skeu-panel-2
skeu-input
skeu-btn-ghost
skeu-track
skeu-fill
skeu-check
skeu-btn-primary

لوح التفضيلات

لوح برأس وقائمة صفوف مفصولة بخطوط للإعدادات التي لا يعبّر عنها مفتاح تبديل: قائمتا اختيار غائرتان بسهم مرسوم للّغة والعملة، ومجموعة أزرار راديو من مفاتيح مرفوعة داخل بئر لاختيار المظهر، وصفّ تنقّل لتغيير كلمة المرور بسهم يقلب في RTL، ومفتاح تبديل واحد للتحقّق بخطوتين مع شريحة «موصى به»؛ القوائم مرتبطة بتسمياتها عبر label/for، والمجموعة والمفتاح عبر aria-labelledby.

skeu-panel
skeu-input
skeu-well
skeu-tab
skeu-tab-active
skeu-row
skeu-toggle
skeu-chip

التفضيلات

تُحفظ التغييرات تلقائيّاً.

اللغةتُستخدم في التطبيق وفي رسائل البريد.
العملةتُعرض الأسعار والتسويات بهذه العملة.
المظهراتبع الجهاز أو اختر مظهراً لجنّي.
تغيير كلمة المرورآخر تغيير قبل 4 أشهر.
التحقّق بخطوتينموصى بهطلب رمز من تطبيق جنّي على الأجهزة الجديدة.

قائمة الجلسات النشطة

رأس بعدّاد الأجهزة، وثلاثة صفوف لكلّ جلسة: أيقونة الجهاز على بلاطة، واسم الجهاز والمتصفّح، وشريحة «هذا الجهاز» الخضراء للجلسة الحاليّة، والموقع ووقت آخر نشاط بأيقونتين صغيرتين، وزرّ إنهاء جلسة ثانويّ للجلسات الأخرى؛ ويختم اللوح زرّ خروج من كلّ الأجهزة الأخرى بلون الخطأ.

skeu-panel
skeu-chip-neutral
skeu-tile-soft
skeu-tile-ceramic
skeu-chip-success
skeu-btn-secondary
skeu-btn-ghost

الجلسات النشطة

الأجهزة المسجَّل دخولها إلى حسابك. أنهِ جلسة أيّ جهاز لا تعرفه.

3 أجهزة

iPhone 15 · تطبيق جنّيهذا الجهازبغداد، العراقنشط الآن
Chrome على Windowsالبصرة، العراققبل ساعتين
Safari على Macأربيل، العراققبل 3 أيّام

منطقة الخطر

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

skeu-alert
skeu-alert-error
skeu-tile-ceramic
skeu-btn-secondary
skeu-divider
skeu-btn-destructive

منطقة الخطر

تؤثّر هذه الإجراءات على حسابك بالكامل. اقرأ بعناية قبل المتابعة.

تصدير بياناتكالطلبات والعناوين والفواتير في ملفّ ZIP — يُرسل بالبريد خلال 24 ساعة.

حذف الحسابيزيل ملفّك وسجلّ طلباتك و2,480 نقطة ولاء نهائيّاً. لا يمكن التراجع عن هذا الإجراء.

إتمام الطلب والمحفظة

ملخّص الطلب

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

skeu-panel-2
skeu-chip-neutral
skeu-tile-ceramic
skeu-divider
skeu-chip
skeu-divider-accent
skeu-btn-primary

ملخّص الطلب

4 عناصر

سماعات لاسلكية بعزل ضوضاءأسود · الكمّيّة 189,000
شاحن سريع USB-C بقدرة 65 واطأبيض · الكمّيّة 248,000
غطاء هاتف سيليكونشفّاف · الكمّيّة 118,000

المجموع الفرعي: 155,000 د.ع
التوصيل · بغداد، اليوم: 5,000 د.ع
الخصم WELCOME10: −15,500 د.ع

الإجمالي144,500 د.ع

دفع آمن · Qi Card أو زين كاش أو الدفع عند الاستلام

نموذج إتمام الطلب — الخطوة 2 من 3

رأس بشريحة الخطوة ومسار تقدّم من ثلاثة مقاطع، حقلا الاسم والهاتف ببادئة +964 في شبكة تنقسم على عمودين، بطاقة العنوان المحفوظ مضغوطة بشريحة «الافتراضيّ» وزرّ تغيير شفّاف، ثلاث بطاقات راديو لموعد التوصيل إحداها مضغوطة، وزرّا الرجوع والمتابعة.

skeu-panel-2
skeu-chip-solid
skeu-track
skeu-fill
skeu-input
skeu-panel
skeu-panel-selected
skeu-tile-soft
skeu-chip-neutral
skeu-btn-ghost
skeu-check
skeu-radio
skeu-chip-success
skeu-btn-primary

شبكة منتجات — رأس القائمة وخانة تحميل وزرّ المزيد

قسم قائمة يكمّل بطاقة المنتج المفردة ولا يكرّرها: رأس بالعنوان وعدد النتائج وقائمة ترتيب، ثمّ شبكة تتوزّع على عمود واحد على الهاتف وعمودين من sm وثلاثة من lg تحمل بطاقتي منتج كما هما وهيكل تحميل بالهندسة نفسها للبطاقة القادمة، وتذييل بعدّاد «المعروض من الكلّ» وزرّ «تحميل المزيد» سيراميكيّ.

skeu-input
skeu-panel
skeu-panel-interactive
skeu-tile-ceramic
skeu-chip-solid
skeu-chip
skeu-btn-primary
skeu-skeleton
skeu-btn-secondary

الأكثر رواجاً في الكرادة

128 منتجاً · توصيل اليوم في عموم بغداد

-20%

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

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

جديد

ساعة ذكية 46 ملم

145,000 د.ع

بطاقة المحفظة

بطاقة غرافيتية بتوهّج برتقالي تحمل الرصيد ورقم حساب مُخفًى جزئيّاً وشريحة «موثّقة» وصفّ إجراءات سريعة (شحن، إرسال، دفع بالرمز)، وتحتها بئر «قيد الانتظار» بعنصرين: استرداد وارد بمبلغ بإشارة موجبة وشريحة انتظار، وجدول شحن تلقائيّ بمفتاح تشغيل.

skeu-panel
skeu-dark
skeu-chip-success
skeu-btn-primary
skeu-btn-dark
skeu-well-soft
skeu-chip-neutral
skeu-tile-soft
skeu-tile
skeu-chip
skeu-toggle

محفظة جنّيموثّقة

1,284,500 د.ع

علي حسن•••• 4821

قيد الانتظار

استرداد · الطلب #48244Digital Hub · يصل خلال 1–3 أيام عمل+32,000قيد الانتظار
شحن تلقائيّ · 500,000 د.عQi Card •••• 4821 · شهريّاً، التالي 1 تشرين الأوّل

صفوف الحركات المالية

قائمة صفوف لمسية داخل لوح واحد: بلاطة أيقونة بحسب نوع الحركة، واسم التاجر، وشريحة الفئة والتاريخ، ومبلغ بإشارته: أخضر للوارد وأحمر للصادر، مع قائمة اختيار الشهر في الرأس وصافي الحركة في التذييل.

skeu-panel
skeu-input
skeu-row
skeu-tile-soft
skeu-tile
skeu-chip-neutral

الحركات المالية

TechZoneإلكترونياتاليوم، 14:02−144,500د.ع
شحن رصيد عبر Qi Cardالمحفظةاليوم، 09:15+500,000د.ع
سوق الكرادة للخضاربقالةأمس، 19:40−42,500د.ع
استرداد · الطلب #48170استرداد23 أيلول+18,000د.ع
سارة أ.تحويل22 أيلول−25,000د.ع

جدول فاتورة

فاتورة على جدول مرفوع الرأس غائر الجسم: بيانات الفاتورة (الرقم، تاريخا الإصدار والدفع، المشتري) مع شريحة «مدفوعة»، صفوف البنود بالكمّيّة وسعر الوحدة والمبلغ، تذييل بالمجموع الفرعي والتوصيل والخصم والإجمالي، وزرّا تنزيل وطباعة.

skeu-panel
skeu-tile-ceramic
skeu-chip-success
skeu-table
skeu-btn-secondary

فاتورة #INV-2026-0482مدفوعة

TechZone · الكرادة، بغداد · الطلب #48213

تاريخ الإصدار: 26 أيلول 2026
تاريخ الدفع: 26 أيلول 2026
المشتري: علي حسن

البند	الكمّيّة	سعر الوحدة	المبلغ
سماعات لاسلكية بعزل ضوضاءأسود · SKU TZ-HP-204	1	89,000	89,000
شاحن سريع USB-C بقدرة 65 واطأبيض · SKU TZ-CH-065	2	24,000	48,000
غطاء هاتف سيليكونشفّاف · SKU TZ-CS-118	1	18,000	18,000
المجموع الفرعي			155,000
التوصيل · بغداد			5,000
الخصم · WELCOME10			−15,500
الإجمالي			144,500 د.ع

عناصر مساعدة

صور رمزيّة وحالة الحضور

ثلاثة أحجام للصورة الرمزيّة (32 / 40 / 56px) على بلاطة سيراميكيّة دائريّة تحمل صورة أو حرفين، مع نقطة حضور (متّصل / غائب) بحلقة بيضاء في زاوية النهاية؛ وبجانبها ثلاثة أشكال أخرى: صورة مربّعة لتاجر أو كيان تحمل شعاره، وصورة تعلوها شريحة صلبة تعدّ الإشعارات غير المقروءة، وهيكل تحميل دائريّ يحجز المكان ريثما تصل الصورة — الحلقة البيضاء تجلس على غلاف بسيط كي لا يبتلعها ظلّ الخامة.

skeu-tile-ceramic
skeu-chip-solid
skeu-skeleton

AH32

تاجرSA3غير مقروءقيد التحميل

اختصارات لوحة المفاتيح

لوح برأس يحمل بلاطة لوحة مفاتيح ناعمة وعنواناً وسطراً يشرح أنّ «?» يفتح القائمة، ومفتاح «?» زخرفيّاً على جهة النهاية، ثمّ قائمة تعريفات تضع كلّ إجراء على جهة البداية ومفاتيحه على جهة النهاية؛ كلّ مفتاح شريحة محايدة محفورة بخطّ أحادي المسافة، وتُثبَّت مجموعات المفاتيح على الاتّجاه LTR كي لا ينقلب ترتيبها في العربيّة، والتسلسلات تُفصل بكلمة «then».

skeu-panel
skeu-tile-soft
skeu-chip-neutral

اختصارات لوحة المفاتيح

اضغط ? في أيّ مكان من لوحة التاجر لفتح هذه القائمة. Ctrl تقابل ⌘ على Mac.

البحث في المنتجات والطلبات: CtrlK
إنشاء طلب جديد: N
الانتقال إلى الطلبات: GثمّO
حفظ التغييرات: CtrlS
إغلاق الحوار أو مسح البحث: Esc

نافذة شيفرة

نافذة شيفرة على السطح الغرافيتيّ: شريط علويّ باسم الملفّ واللغة وزرّ نسخ داكن يعلن حالته عبر aria-live، وجسم يضع أرقام الأسطر في عمود منفصل غير قابل للتحديد كي لا تُنسخ مع الشيفرة؛ الأسطر الطويلة تُمرَّر أفقيّاً، والكتلة كلّها مثبّتة على الاتّجاه LTR، والتعليقات باهتة.

skeu-dark
skeu-btn-dark

checkout.tsTypeScript

1import { GiniClient } from "@gini/sdk"23const gini = new GiniClient({ apiKey: process.env.GINI_API_KEY })45const quote = await gini.checkout.quote({6  merchant: "techzone",7  items: [{ sku: "ANC-200", qty: 2 }],8  currency: "IQD",9})1011console.log(quote.total) // 178000 — IQD, no decimals

حقل وسوم

بئر إدخال غائرة تحوي شرائح وسوم قابلة للإزالة بزرّ شبحيّ صغير لكلّ منها، وحقلاً شفّافاً يأخذ المساحة المتبقّية ويلتفّ إلى سطر جديد عند الامتلاء؛ يضيء إطار البئر كلّه عند التركيز عبر focus-within، وتحته سطر مساعدة يشرح مفاتيح الإضافة والحذف مع عدّاد للوسوم.

skeu-input
skeu-chip
skeu-btn-ghost

وسوم المنتج

إلكترونياتصوتيّاتالكرادة

اضغط Enter للإضافة، وBackspace لحذف آخر وسم.3 / 10

تقييم بالنجوم

لوح يحمل تسمية التقييم على جهة البداية والمتوسّط مع عدد التقييمات على جهة النهاية، ثمّ مجموعة أزرار راديو من خمس نجوم: الممتلئة برتقاليّة والفارغة مرسومة بالخطّ، ولا يستقبل التركيز إلّا الخيار المحدّد (roving tabindex)؛ وتحتها تعليق يعلن الدرجة المختارة عبر aria-live.

skeu-panel
skeu-btn-ghost

قيّم طلبك من TechZone4.8 · 1,284 تقييماً

جيّد جدّاً · 4 من 5

حقل نسخ

قيمة للقراءة فقط في بئر غائرة بخطّ أحادي المسافة واتّجاه LTR، يلتصق بها زرّ نسخ سيراميكيّ على جهة النهاية ويشاركها الزوايا؛ الصفّ الثاني يُظهر حالة «تمّ النسخ» بعلامة صحّ خضراء على span داخليّ (كي لا يطغى لون الزرّ عليها) يعلنها aria-live، وتحت المفتاح سطر مساعدة.

skeu-input
skeu-btn-secondary

مفتاح API القابل للنشر

آمن للاستخدام في المتصفّح. أعد توليده في أيّ وقت من إعدادات المطوّر.

رابط المتجر

المرجع الآلي

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

05/7

الخامات والتوكنات

أربع خامات، ثمانية مستويات ارتفاع، خمسة أقطار

كلّ صنف skeu-* خامة ماديّة لها وصفة ثابتة من الضوء والظلّ والحافّة. اعرف ما تضعه على الشاشة قبل أن تنسخه، واستخدم التوكنات نفسها في CSS الخاصّ بك حين تحتاج شيئاً غير موجود في المكتبة.

الخامات

…
بوليمر مطفأ
- body
- .skeu-well
تُستخدم لـ
قاعدة الصفحة، الصواني والآبار الغائرة، حقول الإدخال
الوصفة
لون كريمي دافئ (oklch 0.962 0.012 72) مع إضاءة شعاعية من الأعلى‑يسار، انحدار لوني خفيف نحو الأسفل، وطبقة حبيبات ثابتة بشفافية 4.5%.
سيراميك مرفوع
- .skeu-panel
- .skeu-panel-2
- .skeu-rail
- .skeu-dialog
تُستخدم لـ
البطاقات، اللوحات، سكة التنقل، النوافذ الحوارية، الأزرار الثانوية
الوصفة
تدرج عمودي من الأبيض إلى الأبيض الدافئ، حد 1px بلون الحافة، خط إضاءة علوي داخلي، ظل تماس + ظل محيطي حسب مستوى الارتفاع.
GINI
برتقالي مؤكسد
- .skeu-btn-primary
- .skeu-tile
- .skeu-tab-active
- .skeu-chip-solid
تُستخدم لـ
الزر الأساسي، بلاطات الأيقونات، التبويب النشط، الشارات الصلبة، المفتاح المفعّل
الوصفة
تدرج من #cc4914 أعلى عبر #c4461a إلى #b83f16 أسفل (قبة خفيفة، ≥4.6:1 مع النص الأبيض)، حد #a83c15، لمعة علوية بيضاء 38%، حزام سفلي داكن 2px يكشف السماكة، وهج برتقالي ناعم للخارج. الحالة المضغوطة أغمق وغائرة.
$ gini
غرافيت
- .skeu-dark
- .skeu-btn-dark
تُستخدم لـ
الفوتر، نوافذ الكود، كتل الدعوة الداكنة، عناصر التحكم عليها
الوصفة
تدرج من #2a2624 إلى #171412 مع خطوط فرشاة أفقية بشفافية 1.2%، حافة علوية مضيئة 10%، حافة سفلية داكنة، وظل بعيد عميق.

مستويات الارتفاع

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

سلّم الأقطار

--skeu-radius-xs6pxالشرائح الصغيرة والوسوم
--skeu-radius-sm10pxالأزرار القياسية وحقول الإدخال والتحكمات الصغيرة
--skeu-radius-md14pxالبلاطات والتبويبات
--skeu-radius-lg20pxالبطاقات واللوحات
--skeu-radius-xl26pxالنوافذ الحوارية وسكة التنقل

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

الأسماء نفسها الموجودة في skeu.css وbrand.css — انسخها كما هي.

التوكن	القيمة	المعنى
--skeu-bg	oklch(0.962 0.012 72)	قاعدة البوليمر
--skeu-surface	oklch(0.993 0.004 80)	سطح السيراميك
--skeu-well	oklch(0.955 0.01 72)	لون البئر الغائر
--skeu-accent	#f05d25	برتقالي جنّي
--skeu-accent-deep	#c9481a	حافة التحكّمات المؤكسدة
--skeu-accent-text	#b8410f	برتقالي آمن للنصوص (AA للمتن)
--skeu-accent-text-strong	#8f3210	نص برتقالي على الخلفيات المصبوغة
--skeu-edge-control	oklch(0.62 0.02 66)	حدود حقول الإدخال (≥3:1)
--skeu-edge	oklch(0.86 0.018 68)	لون حواف الأسطح
--skeu-highlight	rgba(255,255,255,0.92)	الحافة العلوية المضيئة
--skeu-ink	37, 22, 10	حبر الظلال الدافئ (RGB)
--skeu-shadow-raised-1	inset 0 1px 0 highlight, 0 1px 1px, 0 2px 4px -1px, 0 10px 24px -14px	مكدّس البطاقة القياسية
--skeu-shadow-control	inset 0 1px 0 white/38, inset 0 -2px 0 dark/32, 0 1px 2px, 0 6px 14px -6px orange/55	مكدّس الزر الأساسي
--skeu-focus-rim	0 0 0 2px #fff, 0 0 0 4px --skeu-accent-deep + inset	حلقة تركيز ثنائية اللون (≥3:1)
--skeu-transition-fast / -normal	150ms / 260ms	زمن الضغط / زمن الارتفاع

06/7

المصادر الآلية

كلّ شيء متاح كرابط ثابت

بيان JSON بمخطّط رسميّ، كتاب ماركداون، ملفات الشعار وحزمة الشخصية وllms.txt — لأيّ متصفّح أو وكيل أو أنبوب بناء. لا HTML لتحليله ولا جلسة لتسجيلها.

الملفات

جرّب من الطرفيّة

curl -s https://gini.iq/brand.json | jq '.palette[0]'

grep

curl -s https://gini.iq/skeu.css | grep -c '^\.skeu-'

mcp

curl -s https://gini.iq/mcp -H 'Accept: application/json'

الإصدارات

رقم الإصدار مختوم في رأس الصفحة وفي brand.json وskeu.css معاً. الروابط لا تتغيّر؛ اربطها مباشرة وستحصل على آخر نسخة دائماً.

إصدار العلامة: v1.9
إصدار نظام التصميم: v1.1.0
آخر تحديث: 2026-09

<meta name="brand:version">
brand.json → version
skeu.css → /* v… */

07/7

أسئلة المطوّرين

ما يسأله المطوّرون قبل أوّل commit

إجابات قصيرة عن المصادقة والأُطر والاتجاه والإصدارات والترخيص. لم تجد سؤالك؟ راسل info@gini.iq.

هل أحتاج مفتاح API أو تسجيلاً لاستخدام خادم MCP؟

لا. الخادم عامّ، للقراءة فقط، وبلا حالة: يعمل عبر Streamable HTTP على gini.iq/mcp، يقبل CORS من أيّ مصدر، ولا يطلب رؤوس مصادقة. أضِفه إلى عميلك وابدأ السؤال.

هل تعمل المكوّنات مع React أو Vue أو Svelte؟

نعم. كلّ مقتطف هو HTML عاديّ يعتمد على أصناف skeu-* فقط، فيُلصق كما هو في أيّ إطار — في React تُبدَّل class بـ className لا أكثر. المكوّنات الثابتة لا تحتاج أيّ JavaScript، والتفاعلية منها (النوافذ، القوائم، التنبيهات) تحتاج منطق إظهار وإخفاء بسيطاً تكتبه بأدوات إطارك.

هل Tailwind شرط لاستخدام المكتبة؟

ليس شرطاً. الخامات كلّها في skeu.css وتعمل مستقلّة. المقتطفات تستخدم أدوات Tailwind للتخطيط فقط (flex، gap، الحشو، أحجام النصّ)، ويمكن استبدالها بأصنافك أو بـ CSS عاديّ دون أن تتغيّر الخامة أو الظلال أو الحالات.

كيف تتعامل المكوّنات مع العربية والاتجاه من اليمين إلى اليسار؟

كلّ المقتطفات مبنيّة بالخصائص المنطقية (ps- وpe- وstart وend وtext-start) لا اليمين واليسار الفيزيائيين، فتنقلب تلقائيّاً بمجرّد ضبط dir="rtl" على جذر الصفحة. الأرقام والأكواد والروابط تُغلَّف بـ dir="ltr" داخل السياق العربي، والأسهم التي تدلّ على اتجاه تُبدَّل بحسب اللغة.

كيف أعرف أنّ نسختي محدَّثة؟

رقم الإصدار موجود في ثلاثة أماكن تُحدَّث معاً: الوسم brand:version في رأس هذه الصفحة، وحقل version في brand.json، والتعليق الأوّل في skeu.css. الإصدار الحالي للعلامة 1.9 ولنظام التصميم 1.1.0، والتغييرات تُدوَّن في سجلّ التغييرات في دليل العلامة. الروابط ثابتة لا تتغيّر، فربطها مباشرة يعني أنّك تحصل على آخر نسخة دائماً.

ما الذي يُسمح لي باستخدامه، وما الذي يبقى محميّاً؟

ورقتا الأنماط والمكوّنات والتوكنات منشورة للشركاء والتكاملات التي تُبنى على جنّي أو إلى جانبها، وللاستخدام التحريريّ. أمّا الشعار والاسم والشخصية والألوان فعلامات مسجّلة: لا تُعدَّل ولا تُستخدم بما يوحي بتأييد أو شراكة غير قائمة. لأيّ استخدام تجاريّ مشترك راسل info@gini.iq.

وجدت خطأً أو أحتاج مكوّناً غير موجود — ماذا أفعل؟

راسل info@gini.iq بوصف قصير ورابط للمكوّن أو لقطة شاشة. المكتبة تنمو مع ما يطلبه الشركاء فعلاً، والإصلاحات تُنشر على الروابط نفسها من دون أن تغيّر شيئاً في مشروعك.

تحتاج مساعدة؟

فريق جنّي على بُعد رسالة

أرسل سؤالك التقنيّ أو طلب وصول شريك إلى info@gini.iq وسنعود إليك خلال يوم عمل. ولكلّ ما يخصّ الهويّة — الشعار والألوان والخطوط والنبرة — هناك دليل العلامة.

مراسلة الفريق افتح دليل العلامة

مساعد ذكاء

صفحة HTML أو إطار

وكيل كود

الأدوات

الموارد

الـ Prompts

جرّبه بعد الربط

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

الإجراءات

النماذج

عنوان الشحن

التنقّل

عرض البيانات

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

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

سلّتك فارغة

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

التجارة

TechZone

التسويق والصفحات

نمكّن الشركاء من النمو رقمياً

مدفوعات إلكترونية آمنة

توصيل موثوق

ولاء مدمج

أنشئ متجرك

استقبل الطلبات

نوصّل وأنت تنمو

مستعدّ للبيع في كلّ العراق؟

نصائح للتجّار، مرّتين في الشهر

تحدّث معنا

التخطيط والبنية

صباح الخير يا علي

اليوم في لمحة

ملف المتجر

العرض المرئي للبيانات

التواصل والإشعارات

التعليقات (2)

الحساب والدخول

مرحباً بعودتك