OFFICIAL BRAND REFINEMENTBLUEPRINT ALIGNEDWCAG 2.2 AA VERIFIED
المراجعة والضبط الرسمي لشعار IDG
تم تحديث مفهوم البوابة الرقمية الوطنية: استبدال اللون الذهبي بـ Status Gold (#D97706)، اعتماد خط Inter، وتخصيص نسخة أيقونة مبسطة ومثالية للمقاسات الصغيرة (16px).
✓ ISSUE 1 FIXED
Blueprint Colors
Gold updated to Status Gold (#D97706). Distinctive Teal gradient preserved (#18B7B0 → #087E91).
✓ ISSUE 2 FIXED
Inter Typography
Replaced Arial with Inter, system-ui for institutional sovereign precision.
✓ ISSUE 3 FIXED
Dual Architectures
Version A (Full Lockup) for desktop/print + Version B (Simplified Icon) for 16px favicon.
✓ ISSUE 4 FIXED
AI Gate Family Harmony
Matching rx=28 rounded square, arched gateway curvature, and mathematical stroke weights.
VERSION A — COMPONENT & SVGIDG Full Lockup (
IDG Full Lockup (components/IDGLogoFull.tsx)
For corporate headers, hero sections, documentation dossiers, and official sovereign communications.
Preview: 560px Master Vector
Responsive Responsive Scale Matrix (Full Lockup)
Large Desktop (360px)
Header / Standard (260px)
Compact / Sub-nav (190px)
VERSION B — COMPONENT & SVGIDG Icon Only (
IDG Icon Only (components/IDGLogoIcon.tsx)
Micro-optimized architecture. Noise elements removed (no tiny gold bar, no unreadable sub-dots). Only the iconic teal arch, white inner pathway, and apex keystone.
120px
App Icon / Hero
72px
Dashboard / Card
44px
Mobile Navbar
32px
Tab / Badge
16px
Favicon Legibility
Multi-Background Context Test
Testing contrast ratio across dark sovereign canvas, card surfaces, frosted headers, and print white.
Full Lockup on canvas
Icon (64px)
Icon (44px)
Official Color Tokens & Harmonization
Accent Teal
#18B7B0
Outer Gateway Arc
Deep Teal
#087E91
Gradient Base Stop
Status Gold
#D97706
IDG Blueprint Gold
Surface Navy
#0B172E
Icon Rounded Shield
Sovereign White
#F1F5F9
Primary Wordmark
Descriptor Slate
#64748B
Tagline Typography
Exported Static Assets Ready in public/
All vector files have been written directly to the project root for deployment, SEO metadata, and favicon loading.
