บอร์ดระบบการออกแบบ UI โหมดสว่าง

{ "type": "โครงการสาธิตระบบการออกแบบ UI", "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\"}", "header": { "title": "{argument name=\"system name\" default=\"LIGHTCORE PRISM\"}", "subtitle": "ระบบการออกแบบ UI - โหมดแสง", "tags": [ "Futuristic", "sense of sophistication", "Focus" ], "hero_graphic": "วงแหวนแก้วโปร่งใส 3 มิติที่หักเหแสงระยิบระยับ" }, "layout": { "sections": [ { "title": "color", "count": 5, "labels": [ "White #FFFFFF", "Snowy #FAFAFC", "Slate color #F2F4F8", "Border color #E6E8EF", "Black #0A0A0C" ], "description": "บล็อกสีทึบรูปสี่เหลี่ยมจัตุรัสโค้งมน 5 บล็อก" }, { "title": "Prism Gradient", "count": 1, "description": "แถบไล่ระดับสีแนวนอนยาวพร้อมรหัสสีฐานสิบหกห้ารหัสอยู่ด้านล่าง" }, { "title": "typesetting", "description": "แบบอักษร 'Aa' ขนาดใหญ่มีให้เลือกสี่น้ำหนัก (Light, Regular, Medium, Semibold) พร้อมกับตัวอักษร/ตัวเลขทั้งหมด" }, { "title": "icon", "count": 12, "description": "ไอคอนสไตล์เส้นแบบมินิมอล 12 ไอคอน จัดเรียงในตาราง 2x6" } }, { "title": "ปุ่ม", "จำนวน": 8, "หมวดหมู่": [ "หลัก", "รอง", "ข้อความ", "ไอคอน" ], "คำอธิบาย": "มีปุ่มทั้งหมด 8 ปุ่ม แสดงสถานะปกติและสถานะปิดใช้งานสำหรับแต่ละหมวดหมู่ ปุ่มหลักมีขอบสีรุ้งและข้อความ {argument name=\"primary button text\" default=\"เริ่มใช้งาน\"}" }, { "title": "การนำทาง", "จำนวน": 2, "รูปแบบ": [ "เดสก์ท็อป", "มือถือ" ], "คำอธิบาย": "การนำทางบนเดสก์ท็อปประกอบด้วยโลโก้ ลิงก์ข้อความสี่ลิงก์ แถบค้นหา ปุ่มเข้าสู่ระบบ และแถบนำทางบนมือถือ" } ] }, { "title": "ส่วนประกอบ", "count": 6, "items": [ "การ์ด: 'Photon Engine' พร้อมกราฟิกสีรุ้งนามธรรมและปุ่ม", "ช่องป้อนข้อมูล: แถบค้นหาที่มีป้ายกำกับและช่องป้อนอีเมล", "แถบความคืบหน้า: แถบความคืบหน้าสีรุ้ง 68%", "แท็บ: ภาพรวม, การวิเคราะห์, การตั้งค่า", "สวิตช์: สวิตช์ 2 ตัว (เปิด/ปิด)", "การแสดงภาพข้อมูล: แผนภูมิวงกลมพร้อมรายการคำอธิบาย 3 รายการ และแผนภูมิเส้น 7 วัน" ] }, { "title": "หน้าเว็บ", "description": "โมเดลเบราว์เซอร์เดสก์ท็อป รวมถึงชื่อเรื่อง '{argument name=\"hero headline\" default=\"สร้างอนาคตด้วยแสงและสี\"} การออกแบบประกอบด้วยปุ่มสองปุ่ม กราฟิกคลื่นสีรุ้ง 3 มิติที่ไหลลื่น และโลโก้พันธมิตรห้าแห่งที่ด้านล่าง" ] } }, { "title": "แอปพลิเคชันมือถือ", "description": "แอปพลิเคชันบนสมาร์ทโฟนรุ่นนี้แสดงยอดเงินคงเหลือ 24,880 ดอลลาร์สหรัฐฯ แผนภูมิเส้น ไอคอนการดำเนินการด่วนสี่ไอคอน รายการกิจกรรมล่าสุดสามรายการ และแถบนำทางด้านล่างที่มีไอคอนสี่ไอคอน" } ] } }