ระบบการออกแบบ UI โหมดมืดจักรวาล

{ "type": "ระบบออกแบบ UI", "theme": "โหมดมืด, แรงบันดาลใจจากอวกาศ, ของตกแต่งเรืองแสง", "header": { "label": "ระบบการออกแบบ", "title": "{argument name=\"ชื่อระบบ\" default=\"COSMIC GRAVITY\"}", "subtitle": "{argument name=\"คำอธิบายธีม\" default=\"ภาษาการออกแบบที่ได้รับแรงบันดาลใจจากจักรวาล\"}" }, "layout": { "left_column": [ { "title": "สี", "count": 7, "items": [ { "name": "สีดำคอสมิก", "hex": "#050507" }, { "name": "อวกาศลึก", "hex": "#0E0F14" }, { "name": "สีขาวนวล", "hex": "#F5F6F8" }, { "name": "{argument name=\"สีเน้นหลัก\" default=\"Stardust Gold\"}", "hex": "#F5D28A" }, { "name": "Night Purple", "hex": "#1A1C2A" }, { "name": "Twilight", "hex": "#0F1B2A" }, { "name": "Nebula Blue", "hex": "#0E1F22" } ] }, { "title": "Gradient", "count": 1, "description": "แสดงแถบแนวนอนของรัศมีจักรวาลจากสีเข้มไปสีอ่อนและกลับไปสีเข้ม" } ] } }, { "title": "การจัดพิมพ์", "font": "{argument name=\"font name\" default=\"Space Grotesk\"}", "hierarchy_count": 4, "levels": [ "H1 แสงจักรวาล", "H2 สำรวจเพิ่มเติม", "ข้อความหลัก: วัตถุท้องฟ้า", "การติดป้ายข้อมูลการติดตาม" ] } ], "main_column": [ { "title": "ส่วนประกอบ UI", "subsections": [ { "title": "ปุ่ม", "count": 3, "labels": [ "การสำรวจ (หลัก)", "ยกเลิก (รอง)", "เพิ่มเติม (ผี)" ] }, { "title": "ตัวเลื่อน", "count": 1, "value": "72%" }, { "title": "สวิตช์", "count": 2, "states": [ "ปิด", "เปิด" ] }, { "title": "ป้ายกำกับ", "count": 3, "labels": [ "black hole", "Jupiter", "track" ] } ] }, { "title": "การ์ด", "count": 3, "items": [ { "title": "{argument name=\"card subject\" default=\"JUPITER\"}", "subtitle": "คลังข้อมูลการติดตาม", "image": "Jupiter" }, { "title": "black hole", "subtitle": "เหตุการณ์ในจักรวาล", "image": "หลุมดำที่มีจานสะสมมวล" }, { "title": "ระยะทาง", "value": "778.3 ล้านกิโลเมตร", "image": "วงแหวนวงโคจรแบบวงกลม" } ] }, { "title": "การแสดงข้อมูล", "count": 3, "items": [ { "title": "พลังงาน", "type": "วงแหวนความคืบหน้าแบบวงกลม", { "ค่า": "87%" }, { "ชื่อเรื่อง": "ความแรงของสัญญาณ", "ประเภท": "กราฟเส้นที่มีจุดเรืองแสง", "ค่า": "42.6 dB" }, { "ชื่อเรื่อง": "เสียงรบกวนในอวกาศ", "ประเภท": "ส่วนติดต่อผู้ใช้เครื่องเล่นเสียง" } ] }, { "ชื่อเรื่อง": "ไอคอน", "จำนวน": 7, "ป้ายกำกับ": [ "หน้าแรก", "ดาวเคราะห์", "แฟลช", "สัญญาณ", "โฟลเดอร์", "รูปหัวใจ", "ผู้ใช้" ] } ], "แถวล่าง": [ { "ชื่อเรื่อง": "องค์ประกอบภาพ", "จำนวน": 5, "ป้ายกำกับ": [ "หลุมดำ", "วงแหวนแรงโน้มถ่วง", "รัศมี", "ฝุ่นเนบิวลา", "พื้นผิวกระจก" ] } ] } }