プリズムライトモード UIデザインシステムボード

{
  "type": "UIデザインシステム プレゼンテーションボード",
  "theme": "[光学科学と光の屈折]",
  "overall_aesthetic": "クリーンなホワイト背景、ライトモード、フューチャリスティック、プレミアム、[玉虫色のレインボー、パステルオレンジ、イエロー、シアン、パープル、ピンク] のアクセント",
  "header": {
    "title": "[LIGHTCORE PRISM]",
    "subtitle": "UI Design System - Light Mode",
    "tags": [
      "FUTURISTIC",
      "PREMIUM",
      "FOCUS"
    ],
    "hero_graphic": "玉虫色の光を屈折させる3D透明ガラスリング"
  },
  "layout": {
    "sections": [
      {
        "title": "COLOR",
        "count": 5,
        "labels": [
          "WHITE #FFFFFF",
          "SNOW #FAFAFC",
          "SLATE #F2F4F8",
          "BORDER #E6E8EF",
          "BLACK #0A0A0C"
        ],
        "description": "角丸正方形の単色カラー見本5つ"
      },
      {
        "title": "PRISM GRADIENTS",
        "count": 1,
        "description": "下に5つのHEXコードが付いた長い水平グラデーションバー1つ"
      },
      {
        "title": "TYPOGRAPHY",
        "description": "大きな『Aa』の文字と4つのフォントウェイト（Light、Regular、Medium、Semibold）、アルファベットと数字一式"
      },
      {
        "title": "ICONOGRAPHY",
        "count": 12,
        "description": "2×6グリッドに配置された12個のミニマリストなラインアートアイコン"
      },
      {
        "title": "BUTTONS",
        "count": 8,
        "categories": [
          "PRIMARY",
          "SECONDARY",
          "TEXT",
          "ICON"
        ],
        "description": "各カテゴリの通常状態と無効状態を示す合計8個のボタン。プライマリボタンには玉虫色の枠線と '[GET STARTED]' のテキスト"
      },
      {
        "title": "NAVIGATION",
        "count": 2,
        "variants": [
          "DESKTOP",
          "MOBILE"
        ],
        "description": "ロゴ、4つのテキストリンク、検索バー、サインイン、CTAボタンを備えたデスクトップナビ。ロゴ、検索、ハンバーガーメニューを備えたモバイルナビ"
      },
      {
        "title": "COMPONENTS",
        "count": 6,
        "items": [
          "CARD: 抽象的な玉虫色グラフィックとボタンを備えた『Photon Engine』カード",
          "INPUT FIELD: 検索バーとラベル付きメール入力フィールド",
          "PROGRESS: 68%を示す玉虫色のプログレスバー",
          "TABS: Overview、Analytics、Settings",
          "TOGGLE: 2つのスイッチ（オンとオフ）",
          "DATA VISUALIZATION: 凡例3項目のドーナツチャート1つ、7日間の折れ線グラフ1つ"
        ]
      },
      {
        "title": "WEB PAGE",
        "description": "見出し '[Build the Future with Light & Color]'、2つのボタン、流れるような3D玉虫色ウェーブグラフィック、下部に5つの提携ロゴを含むデスクトップブラウザモックアップ"
      },
      {
        "title": "MOBILE APP",
        "description": "残高$24,880、折れ線チャート、クイックアクションアイコン4つ、最新アクティビティリスト3件、4つのアイコン付きボトムナビゲーションバーを表示するスマートフォンモックアップ"
      }
    ]
  }
}