Hệ thống thiết kế UI/UX bướm ánh xà cừ phát sáng

{
  "type": "Bảng trình bày Hệ thống thiết kế UI/UX",
  "theme": "Chế độ tối, lấy cảm hứng từ thiên nhiên, tính thẩm mỹ ánh xà cừ phát sáng",
  "header": {
    "title": "GIAO DIỆN LẤY CẢM HỨNG TỪ THIÊN NHIÊNn{argument name="system title" default="BUTTERFLY IRIDESCENCE"}nHệ thống thiết kế UI/UX",
    "description": "{argument name="chinese description" default="从蝴蝶翅膀中汲取灵感，将结构色的虹彩光泽与深邃蓝融入界面设计，创造轻盈、灵动、充满生命力的数字体验。"}",
    "hero_image": "Cánh bướm ánh xà cừ màu xanh lam và tím phát sáng, lớn và có độ chi tiết cao"
  },
  "layout": {
    "sections": [
      {
        "title": "NGUỒN CẢM HỨNG",
        "count": 4,
        "description": "Các hình thu nhỏ vuông hiển thị cận cảnh cánh bướm ánh xà cừ và khúc xạ ánh sáng"
      },
      {
        "title": "TỪ KHÓA",
        "count": 5,
        "labels": ["虹彩", "灵动", "轻盈", "深邃", "自然"]
      },
      {
        "title": "HỆ THỐNG MÀU SẮC",
        "subsections": [
          { "title": "CHÍNH", "count": 3, "labels": ["Morpho Blue #1E5BFF", "Iridescent Purple #7A5CFF", "Sky Glow #00E6FF"] },
          { "title": "TRUNG TÍNH", "count": 3, "labels": ["Midnight #0B0F19", "Soft Navy #141A2E", "Pearl #F3F6FC"] },
          { "title": "ACCENT & GRADIENT", "count": 2, "labels": ["Rainbow Sheen", "Butterfly Glow"] }
        ]
      },
      {
        "title": "KIỂU CHỮ",
        "content": "Aa Poppins Light / Regular / Medium / SemiBold"
      },
      {
        "title": "BIỂU TƯỢNG APP STORE",
        "count": 1,
        "text": "Tên ứng dụng {argument name="app name" default="Winglet"} Nhẹ nhàng. Sống động. Tuyệt đẹp."
      },
      {
        "title": "CÁC THÀNH PHẦN UI",
        "subsections": [
          { "title": "NÚT BẤM", "count": 6, "labels": ["Primary", "Secondary", "Glass", "heart icon", "glowing sphere icon", "toggle switch"] },
          { "title": "CÁC YẾU TỐ KHÁC", "count": 5, "labels": ["Search bar", "Tag (New)", "Progress bar (72%)", "Card (Blue Morph)", "Slider"] }
        ]
      },
      {
        "title": "GIAO DIỆN DI ĐỘNG",
        "count": 3,
        "screens": ["Explore screen", "Today screen with large butterfly wing", "Audio player screen with waveform"]
      },
      {
        "title": "XEM TRƯỚC THIẾT KẾ WEB",
        "count": 1,
        "details": "Mockup trình duyệt máy tính để bàn, phần hero với '{argument name="web hero headline" default="LIGHT IS ALIVE"}' và nút 'Khám phá ngay'"
      },
      {
        "title": "HÌNH NỀN TRỰC QUAN",
        "count": 4,
        "description": "Các hình thu nhỏ chữ nhật hiển thị các làn sóng ánh xà cừ trừu tượng"
      }
    ],
    "footer": "Thiết kế cùng thiên nhiên, Tạo nên vì trải nghiệm."
  }
}