لوحة نظام تصميم واجهة المستخدم للوضع الفاتح

{ "type": "مشروع توضيحي لنظام تصميم واجهة المستخدم", "theme": "{argument name="visual theme" default="Optical Science and Light Refraction"}", "overall_aesthetic": "خلفية بيضاء نقية، وضع ألوان فاتح، إحساس مستقبلي ومتطور؛ تكمن ميزته المميزة في {argument name="primary gradient colors" default="Iridescent, soft orange, yellow, cyan, purple, pink"} embellishment", "header": { "title": "{argument name="system name" default="LIGHTCORE PRISM"}", "subtitle": "نظام تصميم واجهة المستخدم - الوضع الفاتح", "tags": [ "Futuristic", "sense of sophistication", "Focus" ], "hero_graphic": "حلقة زجاجية شفافة ثلاثية الأبعاد تكسر الضوء المتلألئ" }, "layout": { "sections": [ { "title": "color", "count": 5, { "labels": [ "أبيض #FFFFFF", "ثلجي #FAFAFC", "لون رمادي داكن #F2F4F8", "لون الحدود #E6E8EF", "أسود #0A0A0C" ], "description": "5 مربعات مستديرة بلون موحد" }, { "title": "تدرج بريزم", "count": 1, "description": "شريط تدرج أفقي طويل مع خمسة رموز ألوان سداسية عشرية أسفله." }, { "title": "typesetting", "description": "يُدرج خط 'Aa' الكبير بأربعة أوزان (خفيف، عادي، متوسط، شبه عريض) بالإضافة إلى الأبجدية/الأرقام الكاملة." }, { "title": "icon", "count": 12, "description": "12 أيقونة بسيطة بنمط خطي مرتبة في شبكة 2x6." }, { "title": "زر", "count": 8, "categories": [ "main", "secondary", "text", "icon" ], "description": "يوجد 8 أزرار إجمالاً، تعرض الحالة العادية وحالة التعطيل لكل فئة. يتميز الزر الرئيسي بإطار متقزح اللون ونص {argument name="primary button text" default="Start using"}." }, { "title": "navigation", "count": 2, "variants": [ "Desktop", "mobile" ], "description": "يتضمن شريط التنقل على سطح المكتب شعارًا، وأربعة روابط نصية، وشريط بحث، وزر تسجيل دخول، وشريط تنقل خاص بالهواتف المحمولة." }, { "title": "المكونات", "count": 6, "items": [ "البطاقة: 'محرك الفوتون' برسومات قوس قزح مجردة وأزرار، "مربعات الإدخال: شريط بحث مُصنَّف ومربع إدخال بريد إلكتروني.، "شريط التقدم: شريط تقدم قوس قزح بنسبة 68%، "علامات التبويب: نظرة عامة، تحليل، إعدادات، "المفاتيح: مفتاحان (تشغيل/إيقاف)، "تصور البيانات: مخطط دائري مع 3 عناصر في مفتاح الرسم البياني، ومخطط خطي لمدة 7 أيام." ] }, { "title": "صفحة ويب، "description": "نموذج متصفح سطح المكتب، بما في ذلك العنوان '{argument name=\"hero headline\" default=\"Building the future with light and color\"} يتضمن التصميم زرين، ورسمًا ثلاثي الأبعاد لموجة قوس قزح، وخمسة شعارات للشركاء في الأسفل." }, { "title": "تطبيق جوال", "description": "يعرض طراز الهاتف الذكي رصيدًا قدره 24,880 دولارًا، ومخططًا بيانيًا خطيًا، وأربعة أيقونات لإجراءات سريعة، وقائمة بالأنشطة الأخيرة تحتوي على ثلاثة عناصر، وشريط تنقل سفلي يحتوي على أربعة أيقونات." } ] } }