دەروازەی دیجیتاڵیی عێراقکۆمپانیای دایک و ستۆدیۆی وەبەرهێنان
سەرەکیدەربارەپۆرتفۆلیۆحوکمڕانی
پەیوەندیی فەرمی
سەرەکیسیستەمی دیزاین
IDG Design System • Nielsen #4 Standards

سیستەمی دیزاین و ستانداردەکان

بەڵگەنامەی فەرمی بۆ تەواوی تۆکنەکانی ڕەنگ، پلەبەندی نوسین، دوگمە، کاردەکان، باجەکان، فۆڕم و ئایکۆنەکانی پلاتفۆرمەکە بەپێی ستانداردە جیهانییەکان.

1. Color Tokens & Brand System

#060D1A
Primary 950 (Canvas)

Root background canvas for pages.

#0B172E
Primary 900 (Surface)

Container, modal, card, & panel surface.

#102447
Primary 800 (Borders)

Dividers, sub-containers, interactive borders.

#1D5BD8
Accent 600 (Primary Blue)

Primary CTAs, focus rings, key highlights.

#059669
Status Emerald (Success/Active)

Verified status, active stages, positive metrics.

#D97706
Status Gold (Warning/Pending)

Pending review, risk analysis, alerts.

#DC2626
Status Crimson (Error/Critical)

Errors, validation alerts, source required.

#334155
Neutral Slate (Secondary)

Subtle badges, metadata, secondary elements.

2. Typography Scale (Tailwind Canonical)

H1 · text-4xl / text-5xl · font-blackSovereign Digital Architecture (IDG)
H2 · text-2xl / text-3xl · font-boldNational Single Window & Trade Corridors
H3 · text-xl / text-2xl · font-boldApplied AI Tuning in Kurdish and Arabic
Body · text-base · font-normalTransforming institutional fragmentation into dependable digital capabilities for Iraq through strict governance and data sovereignty.
Small / Meta · text-xs / text-sm · font-mediumISO-27001 Certified · In-Country Sovereign Data Hosting · Erbil Node 01

3. Standard Button Component (`Button.tsx`)

Button Variants

Button Sizes

Icon Positioning

Interactive States

4. Standard Card Component (`Card.tsx`)

Default Card

Standard background (#0B172E) and border (#102447). Used for lists and information sections.

Elevated Card

Includes drop shadow and high contrast. Used for modals, floating dialogs, and emphasized metrics.

Outlined Card

Transparent fill with accent border (#1D5BD8/40). Used for highlighted callouts.

5. Unified Badges (`Badge.tsx` & `SovereignBadge.tsx`)

Sovereign Badges by Variant
Primary AuthorityVerified / ActiveUnder ReviewSource RequiredNeutral Classification
Evidence Verification Badges
سەلمێنراوچاوەڕوانی پێداچوونەوەسەرچاوە پێویستە

6. Standard Form Inputs (`.input-base` & Validated)

Raw Input Elements (`.input-base`)

Real-Time Validated Inputs

0/200

7. Standard Lucide Icon Scale

Small (w-3.5 h-3.5)Metadata & Inline Pills
Default (w-4 h-4)Body & Form Fields
Medium (w-5 h-5)Buttons & Modals
Large (w-6 h-6)Section Headers
XL (w-8 h-8)Hero & Major Feature
IDGکۆمپانیای دایک و ستۆدیۆی وەبەرهێنان

IDG کۆمپانیایەکی دایکی سەربەخۆیە و پێشەنگی گۆڕینی ئاڵۆزییەکانە بۆ توانایەکی دامەزراوەیی لە عێراقدا لە ڕێگەی حوکمڕانی، داتا، و تەکنەلۆژیای پارێزراو.

سەروەریی زانیاری و ئاسایش

بەستەرە سەرەکییەکان

  • سەرەکی
  • پۆرتفۆلیۆ و بەرهەمەکان
  • حوکمڕانی و دیسپلین
  • پرسیارە باوەکان
  • ناوەندی هاوکاری و بەڵگەنامەکان

دامەزراوەیی

  • دەربارەی ئێمە
  • بنەماکانی کۆمپانیا
  • هەلی کار

ناوەندی زانیاری و نوێکارییە خولییەکان

ئیمەیڵی دامەزراوەیی خۆت تۆمار بکە بۆ وەرگرتنی ڕاپۆرتە فەرمییەکان، شیارییە ستراتیژییەکان، و پێشکەوتنەکانی ژێرخانی دیجیتاڵیی IDG.

تێبینی: ئەم کەناڵە تەنها بۆ ئیمەیڵە فەرمی و دامەزراوەیییەکان بەردەستە و بە تەواوی پارێزراوە.

Build IDG-2026.10-PROD·ISO-27001 Verified·Erbil Node 01

© ٢٠٢٦ دەروازەی دیجیتاڵیی عێراق (IDG). مافی خاوەندارێتیی پۆرتفۆلیۆ پارێزراوە.

پاراستنی نهێنیمەرجەکانی بەکارهێنانسەروەریی داتادەستڕاگەیشتن

دەروازەی دیجیتاڵیی عێراق (IDG) کۆمپانیایەکی سەربەخۆی عێراقییە. هیچ پەیوەندییەکی نییە بە International Data Group (IDG Inc.) یان IDG Communications.