Bảng hệ thống thiết kế UI chế độ sáng

{n  "type": "Bảng trình bày hệ thống thiết kế UI (UI Design System)",n  "theme": "{argument name="visual theme" default="optical science and light refraction"}",n  "overall_aesthetic": "nền trắng sạch sẽ, chế độ sáng (light mode), phong cách tương lai, cao cấp, nổi bật với các điểm nhấn {argument name=\"primary gradient colors\" default=\"iridescent rainbow, pastel orange, yellow, cyan, purple, pink\"}",n  "header": {n    "title": "{argument name="system name" default="LIGHTCORE PRISM"}",n    "subtitle": "UI Design System - Light Mode",n    "tags": ["FUTURISTIC", "PREMIUM", "FOCUS"],n    "hero_graphic": "vòng tròn thủy tinh trong suốt 3D khúc xạ ánh sáng ngũ sắc (iridescent)"n  },n  "layout": {n    "sections": [n      {n        "title": "COLOR",n        "count": 5,n        "labels": ["WHITE #FFFFFF", "SNOW #FAFAFC", "SLATE #F2F4F8", "BORDER #E6E8EF", "BLACK #0A0A0C"],n        "description": "5 ô mẫu màu đơn sắc dạng hình vuông bo góc"n      },n      {n        "title": "PRISM GRADIENTS",n        "count": 1,n        "description": "1 thanh gradient dài nằm ngang với 5 mã màu hex bên dưới"n      },n      {n        "title": "TYPOGRAPHY",n        "description": "Ký tự 'Aa' lớn với 4 độ đậm font chữ được liệt kê (Light, Regular, Medium, Semibold) cùng đầy đủ bảng chữ cái/chữ số"n      },n      {n        "title": "ICONOGRAPHY",n        "count": 12,n        "description": "12 biểu tượng line-art tối giản sắp xếp theo lưới 2x6"n      },n      {n        "title": "BUTTONS",n        "count": 8,n        "categories": ["PRIMARY", "SECONDARY", "TEXT", "ICON"],n        "description": "Tổng cộng 8 nút hiển thị các trạng thái bình thường (normal) và vô hiệu hóa (disabled) cho từng danh mục. Nút chính (Primary button) có viền ngũ sắc và văn bản {argument name="primary button text" default="GET STARTED"}."n      },n      {n        "title": "NAVIGATION",n        "count": 2,n        "variants": ["DESKTOP", "MOBILE"],n        "description": "Thanh điều hướng desktop có logo, 4 liên kết văn bản, ô tìm kiếm, đăng nhập và 1 nút bấm. Thanh điều hướng mobile có logo, tìm kiếm và menu hamburger."n      },n      {n        "title": "COMPONENTS",n        "count": 6,n        "items": [n          "CARD: 'Photon Engine' với đồ họa ngũ sắc trừu tượng và nút bấm",n          "INPUT FIELD: Thanh tìm kiếm và ô nhập email có nhãn (label)",n          "PROGRESS: Thanh tiến trình ngũ sắc ở mức 68%",n          "TABS: Tổng quan (Overview), Phân tích (Analytics), Cài đặt (Settings)",n          "TOGGLE: 2 công tắc gạt (bật/tắt)",n          "DATA VISUALIZATION: 1 biểu đồ tròn donut với 3 mục chú giải, 1 biểu đồ đường qua 7 ngày"n        ]n      },n      {n        "title": "WEB PAGE",n        "description": "Mockup trình duyệt desktop với tiêu đề '{argument name="hero headline" default="Build the Future with Light & Color"}', 2 nút bấm, đồ họa sóng ngũ sắc 3D uyển chuyển, và 5 logo đối tác ở dưới cùng."n      },n      {n        "title": "MOBILE APP",n        "description": "Mockup điện thoại thông minh hiển thị số dư $24,880, biểu đồ đường, 4 biểu tượng thao tác nhanh, danh sách hoạt động gần đây với 3 mục, và thanh điều hướng dưới cùng với 4 biểu tượng."n      }n    ]n  }n}