واجهة مستخدم لوحة تحكم برمجة الذكاء الاصطناعي المظلم

{
  "type": "واجهة مستخدم لوحة معلومات تحليلات SaaS داكنة",
  "product": {
    "brand": "{argument name=\"brand name\" default=\"AICode\"}",
    "theme": "واجهة زجاجية كحلي داكنة مع تدرجات دقيقة، توهج ناعم، بطاقات مستديرة، حدود رفيعة، جمالية أداة مطور حديثة"
  },
  "canvas": {
    "aspect_ratio": "16:9",
    "background": "كحلي داكن عميق مع تظليل خفيف وإضاءة شعاعية ناعمة"
  },
  "layout": {
    "structure": "شريط جانبي أيسر بالإضافة إلى منطقة المحتوى الرئيسية",
    "sections": [
      {
        "title": "الشريط الجانبي",
        "position": "يسار",
        "count": 8,
        "labels": [
          "AICode",
          "نظرة عامة",
          "المشاريع",
          "مساعدو الذكاء الاصطناعي",
          "واجهة برمجة التطبيقات والاستخدام",
          "جودة الكود",
          "الفريق",
          "الإعدادات"
        ],
        "details": "شعار في الأعلى، تم تحديد نظرة عامة مع تمييز أرجواني، بطاقة اشتراك سفلية تعرض خطة Pro، تنتهي صلاحيتها بعد 12 يومًا، شريط تقدم أفقي بنسبة 75٪، ملف تعريف المستخدم في الأسفل مع صورة رمزية، {argument name=\"user name\" default=\"Alex Morgan\"}, والبريد الإلكتروني [email protected]"
      },
      {
        "title": "الرأس",
        "position": "أعلى منطقة رئيسية",
        "count": 4,
        "labels": [
          "مرحباً بعودتك، Alex 👋",
          "إليك ما يحدث مع منصة البرمجة بالذكاء الاصطناعي الخاصة بك اليوم.",
          "12 مايو – 12 يونيو 2024",
          "تصدير التقرير"
        ],
        "details": "تحية كبيرة على اليسار، منتقي نطاق التاريخ وزر التصدير على اليمين"
      },
      {
        "title": "بطاقات المقاييس",
        "position": "الصف العلوي أسفل الرأس",
        "count": 4,
        "labels": [
          "إجمالي المستخدمين",
          "المشاريع النشطة",
          "استدعاءات واجهة برمجة التطبيقات",
          "درجة جودة الكود"
        ],
        "values": [
          "12,842",
          "2,153",
          "1.28M",
          "876"
        ],
        "details": "تحتوي كل بطاقة على رمز ملون صغير، وقيمة رئيسية كبيرة، ونص مقارنة مقابل 12 أبريل – 12 مايو 2024، ونسب تغيير إيجابية 14.6٪، و8.3٪، و23.7٪، و5.9٪، ورسم بياني خطي مصغر في الأسفل؛ الألوان هي الأرجواني والأخضر والعنبر والأزرق"
      },
      {
        "title": "لوحات التحليلات الرئيسية",
        "position": "الصفوف الوسطى والسفلية",
        "count": 4,
        "labels": [
          "استدعاءات واجهة برمجة التطبيقات بمرور الوقت",
          "أهم المشاريع",
          "خريطة حرارية لنشاط المستخدم",
          "اتجاهات جودة الكود"
        ],
        "details": "استدعاءات واجهة برمجة التطبيقات بمرور الوقت عبارة عن مخطط مساحة واسع مع خيار Daily وخط أرجواني متزايد ينتهي بالقرب من 250 ألف؛ Top Projects عبارة عن قائمة مرتبة من 5 عناصر مع أشرطة تقدم ونسب تغيير؛ User Activity Heatmap عبارة عن خريطة حرارية أسبوعية من 7 صفوف مع تسميات الساعات من 12 صباحًا إلى 9 مساءً؛ Code Quality Trends عبارة عن مخطط خطي مع خيار Weekly واتجاه أرجواني سلس صاعد من حوالي 70 إلى أوائل التسعينيات"
      },
      {
        "title": "قائمة أهم المشاريع",
        "position": "اللوحة اليمنى الوسطى",
        "count": 5,
        "labels": [
          "مساعد كود الذكاء الاصطناعي",
          "إعادة هيكلة ذكية",
          "روبوت مراجعة الكود",
          "مولد المستندات",
          "منشئ الاختبارات"
        ],
        "values": [
          "485K",
          "321K",
          "214K",
          "132K",
          "98K"
        ],
        "details": "دلتا إيجابية خضراء لأول أربعة عناصر 12.4٪، و8.7٪، و3.1٪، و6.8٪، ودلتا سلبية حمراء -1.2٪ لـ Test Builder؛ يحتوي كل صف على رمز مربع ملون وشريط تقدم أفقي رفيع"
      }
    ]
  },
  "style": {
    "visual_language": "تصميم وهمي فاخر لمنتج التكنولوجيا المالية والذكاء الاصطناعي",
    "rendering": "تصميم وهمي عالي الدقة ونقي، ظلال دقيقة، إضاءة حافة النيون، رسوم بيانية مصقولة، خطوط sans-serif نظيفة",
    "primary_accent": "{argument name=\"accent color\" default=\"electric purple\"}",
    "secondary_accents": [
      "أخضر زمردي",
      "أصفر كهرماني",
      "أزرق سماوي"
    ],
    "density": "غني بالمعلومات ولكنه واسع، شبكة متوازنة، سهل القراءة للغاية"
  }
}