واجهة مستخدم لتطبيق الجري بألوان الباستيل مع تميمة الكسلان

{
  "type": "نموذج واجهة مستخدم لتطبيق لياقة بدنية على الهاتف المحمول",
  "style": "تصميم تطبيق باستيل حديث ونظيف، أسطح بيج دافئة وأبيض كريمي، لمسات باللون الأخضر الزيتوني الباهت، بطاقات وأزرار مستديرة، ظلال خفيفة، أيقونات خطية بسيطة وبسيطة، علامة تجارية ودودة ومرحة مع تميمة الكسلان، عرض بأسلوب dribbble على خلفية منقطة باللون البني الداكن",
  "theme": "تطبيق لتتبع الجري",
  "layout": {
    "device_count": 3,
    "arrangement": "ثلاث شاشات هواتف ذكية طويلة جنبًا إلى جنب، متباعدة بالتساوي، عرض أمامي",
    "background": "بني داكن جدًا مع شبكة من النقاط المتباعدة بالتساوي باهتة",
    "screens": [
      {
        "position": "يسار",
        "screen_type": "لوحة معلومات الصفحة الرئيسية",
        "header": {
          "greeting": "صباح الخير يا عداء! 👋",
          "left_icon": "لا يوجد",
          "right_icon": "جرس الإشعارات"
        },
        "hero_card": {
          "headline": "هل أنت مستعد ليوم رائع؟",
          "subcard_text_line_1": "كل خطوة إلى الأمام هي فوز.",
          "subcard_text_line_2": "دعونا نجعلها ذات مغزى. 🌱",
          "illustration": "كسلان لطيف يرتدي عصابة رأس كريمية وزي تمرين باللون الأخضر النعناعي، يقف ويرفع يده داخل البطاقة على اليمين"
        },
        "sections": [
          {
            "title": "هذا الأسبوع",
            "position": "المنتصف العلوي",
            "count": 3,
            "labels": [
              "الجري",
              "المسافة",
              "الوقت"
            ],
            "values": [
              "3",
              "12.6 كم",
              "1 ساعة و 45 دقيقة"
            ],
            "presentation": "بطاقة إحصائيات مستديرة واحدة بثلاثة أعمدة متساوية وأيقونات دائرية باللون الأخضر الباهت"
          },
          {
            "title": "الهدف التالي",
            "position": "المنتصف السفلي",
            "count": 1,
            "labels": [
              "20 كم هذا الشهر"
            ],
            "values": [
              "63%"
            ],
            "presentation": "بطاقة تقدم مستديرة مع شريط تقدم أخضر ورسم توضيحي لكسلان صغير يلوح باليد على اليمين"
          },
          {
            "title": "النشاط الأخير",
            "position": "أسفل",
            "count": 1,
            "labels": [
              "النشاط الأخير"
            ],
            "presentation": "الحافة العلوية لبطاقة مستديرة أخرى مرئية، مقصوصة بواسطة شريط التنقل السفلي"
          }
        ],
        "bottom_nav": {
          "count": 4,
          "labels": [
            "الرئيسية",
            "تشغيل",
            "التقدم",
            "الملف الشخصي"
          ],
          "active": "الرئيسية"
        }
      },
      {
        "position": "الوسط",
        "screen_type": "ملخص الجري",
        "header": {
          "left_icon": "السهم الرجوع",
          "center_text": "عمل رائع!",
          "subtext": "لقد فعلتها. حان وقت الاحتفال. 🎉",
          "right_icon": "مشاركة"
        },
        "hero_illustration": "كسلان لطيف يرتدي عصابة رأس، وزي رياضي باللون الأخضر النعناعي، وميدالية ذهبية، وذراعيه مرفوعتين في احتفال",
        "stats_row": {
          "count": 3,
          "labels": [
            "المسافة",
            "الوقت",
            "السرعة"
          ],
          "values": [
            "5.00 كم",
            "32:15",
            "6:27"
          ],
          "presentation": "ثلاث كبسولات إحصائية مستديرة"
        },
        "achievement_card": {
          "count": 1,
          "title": "أفضل رقم شخصي جديد! 🌟",
          "subtitle": "لقد قللت 1:12 من أفضل 5 كم لديك.",
          "icon": "شارة ميدالية ذهبية صغيرة"
        },
        "table_section": {
          "title": "التقسيمات",
          "count": 2,
          "columns": [
            "كم",
            "السرعة",
            "الوقت"
          ],
          "rows": [
            [
              "1",
              "6:35",
              "6:35"
            ],
            [
              "2",
              "6:23",
              "12:58"
            ]
          ],
          "presentation": "بطاقة جدول بيضاء مستديرة مع فواصل ضوئية"
        }
      },
      {
        "position": "يمين",
        "screen_type": "إعداد هدف الجري",
        "header": {
          "left_icon": "إغلاق x",
          "center_text": "حان وقت الجري!",
          "subtext": "أنت تستطيع فعلها. سنأخذها ببطء. 🦥",
          "right_icon": "ترس الإعدادات"
        },
        "goal_visual": {
          "type": "محدد تقدم دائري",
          "top_label": "اختر هدفًا",
          "main_value": "5.00",
          "unit": "كم",
          "ring": "قوس أخضر زيتوني سميك جزئيًا على دائرة بيج باهتة",
          "illustration": "كسلان صغير يتمدد على الحافة العلوية اليمنى من الدائرة"
        },
        "goal_options": {
          "count": 4,
          "labels": [
            "2 كم",
            "5 كم",
            "10 كم",
            "نصف"
          ],
          "active": "5 كم"
        },
        "primary_cta": {
          "label": "ابدأ الجري",
          "style": "زر أخضر زيتوني كبير مستدير"
        },
        "secondary_action": {
          "label": "تتبع فقط",
          "icon": "دبوس الموقع"
        },
        "bottom_nav": {
          "count": 4,
          "labels": [
            "الرئيسية",
            "تشغيل",
            "التقدم",
            "الملف الشخصي"
          ],
          "active": "تشغيل"
        }
      }
    ]
  }
}