مجموعة مكونات واجهة المستخدم Glassmorphism

{
  "type": "عرض لمكونات واجهة المستخدم الزجاجية",
  "style": "مجموعة أدوات واجهة مستخدم نيومورفيك فاخرة وبسيطة، أكريليك أبيض نصف شفاف مجمد، ظلال ناعمة، انعكاسات خفية، زوايا مستديرة، خلفية بيضاء نظيفة، ألوان لهجة أخضر مائل للزرقة وبرتقالي، عرض ثلاثي الأبعاد فائق التفصيل للمنتج، عرض من الأعلى",
  "palette": {
    "background": "رمادي فاتح ناعم-أبيض",
    "primary": "أخضر مائل للزرقة داكن",
    "secondary": "برتقالي فاتح",
    "material": "زجاج نصف شفاف حليبي بتفاصيل بلاستيكية ساتانية"
  },
  "layout": {
    "composition": "لوحة قماشية واحدة مع أدوات واجهة مستخدم عائمة متباعدة بشكل متساوٍ مرتبة في عرض نظام تصميم نظيف",
    "sections": [
      {
        "title": "قرص كبير",
        "position": "أعلى اليسار",
        "count": 1,
        "labels": [
          "مقبض دوار دائري مع علامات تحديد شعاعية ومؤشر برتقالي واحد"
        ]
      },
      {
        "title": "لوحة اتجاه",
        "position": "أعلى المنتصف",
        "count": 1,
        "labels": [
          "تحكم دائري رباعي الاتجاهات مع زر مركزي وأربعة أيقونات أسهم"
        ]
      },
      {
        "title": "زر التشغيل",
        "position": "أعلى المنتصف-اليمين",
        "count": 1,
        "labels": [
          "زر دائري مع مثلث تشغيل أخضر مائل للزرقة وقوس تقدم برتقالي"
        ]
      },
      {
        "title": "مفتاح تبديل",
        "position": "أعلى اليمين",
        "count": 1,
        "labels": [
          "مفتاح مستطيل أفقي في وضع التشغيل"
        ]
      },
      {
        "title": "زر مفضل",
        "position": "منتصف أعلى المنتصف-اليسار",
        "count": 1,
        "labels": [
          "بلاطة مربعة مستديرة مع مخطط قلب"
        ]
      },
      {
        "title": "نقطة الحالة",
        "position": "منتصف أعلى المنتصف-اليمين",
        "count": 1,
        "labels": [
          "زر دائري صغير مع نقطة مركزية برتقالية"
        ]
      },
      {
        "title": "عداد الخطوات",
        "position": "منتصف أعلى المنتصف-اليمين",
        "count": 1,
        "labels": [
          "حبة أفقية مع رموز ناقص وزائد"
        ]
      },
      {
        "title": "منزلق الصوت",
        "position": "اليسار الأوسط",
        "count": 1,
        "labels": [
          "منزلق حجم أفقي طويل مع أيقونة مكبر صوت على اليسار ونقش موجي على اليمين"
        ]
      },
      {
        "title": "مقياس النسبة المئوية",
        "position": "اليمين الأوسط",
        "count": 1,
        "labels": [
          "مقياس دائري يعرض 60٪ مع علامات شعاعية"
        ]
      },
      {
        "title": "بلاطة الإشعارات",
        "position": "اليمين الأوسط",
        "count": 1,
        "labels": [
          "بلاطة مربعة مستديرة مع مخطط جرس"
        ]
      },
      {
        "title": "بطاقة الموسيقى",
        "position": "أسفل المنتصف-اليسار",
        "count": 1,
        "labels": [
          "بطاقة وسائط مع صورة مصغرة للغابة، عنوان {argument name=\"track title\" default=\"Forest Drive\"}، عنوان فرعي {argument name=\"track subtitle\" default=\"Ambient Journey\"}، شريط تقدم، وزر تشغيل دائري"
        ]
      },
      {
        "title": "أيقونات الأدوات",
        "position": "أسفل اليسار-المركز",
        "count": 4,
        "labels": [
          "أيقونة إعدادات المنزلق",
          "أيقونة البحث",
          "أيقونة المشاركة",
          "أيقونة قائمة المزيد"
        ]
      },
      {
        "title": "بوصلة",
        "position": "أسفل المنتصف",
        "count": 1,
        "labels": [
          "بوصلة دائرية كبيرة مع علامات N E S W وإبرة خضراء مائلة للزرقة وبرتقالية"
        ]
      },
      {
        "title": "منزلق عمودي",
        "position": "أسفل اليمين-المركز",
        "count": 1,
        "labels": [
          "منزلق مستدير طويل مع مسار أخضر مائل للزرقة، مقبض أخضر مائل للزرقة، نقطة نهاية برتقالية، وأيقونة مكبر صوت صغيرة"
        ]
      },
      {
        "title": "شريط تنقل سفلي",
        "position": "أسفل اليسار",
        "count": 1,
        "labels": [
          "شريط تنقل حبة مع 4 أيقونات: الصفحة الرئيسية، مخطط شريطي، بوصلة، ملف شخصي"
        ]
      },
      {
        "title": "دعوة إلى العمل",
        "position": "أسفل المنتصف-اليمين",
        "count": 1,
        "labels": [
          "زر حبة يحمل تسمية {argument name=\"button text\" default=\"Explore\"} مع جزء سهم دائري برتقالي"
        ]
      },
      {
        "title": "بلاطة القياسات الحيوية",
        "position": "أسفل اليمين",
        "count": 1,
        "labels": [
          "بلاطة مربعة مستديرة مع أيقونة بصمة الإصبع"
        ]
      }
    ]
  },
  "rendering": {
    "lighting": "إضاءة استوديو ناعمة من أعلى اليسار",
    "shadow": "ظلال متعددة الطبقات منتشرة للعمق العائم",
    "finish": "جمالية إلكترونيات استهلاكية راقية، مصقولة ولكنها بسيطة",
    "quality": "نموذج واجهة مستخدم ثلاثية الأبعاد واقعي ونظيف وحاد، مناسب لصورة بطل نظام التصميم"
  }
}