暗黑AI編碼儀表板使用者介面

{
  "type": "深色 SaaS 分析儀表板 UI",
  "product": {
    "brand": "{argument name=\"品牌名稱\" default=\"AICode\"}",
    "theme": "深海軍藍玻璃擬物界面，帶有微妙的漸變、柔和的光暈、圓角卡片、細邊框、現代開發工具美學"
  },
  "canvas": {
    "aspect_ratio": "16:9",
    "background": "深午夜藍色，帶有微弱的暗角和柔和的徑向照明"
  },
  "layout": {
    "structure": "左側邊欄加主內容區域",
    "sections": [
      {
        "title": "側邊欄",
        "position": "左側",
        "count": 8,
        "labels": [
          "AICode",
          "概覽",
          "專案",
          "AI 助理",
          "API 與使用量",
          "程式碼品質",
          "團隊",
          "設定"
        ],
        "details": "頂部帶有標誌，概覽以紫色突出顯示，下方的訂閱卡顯示專業方案，12 天後續訂，水平進度條為 75%，底部帶有頭像的使用者個人資料，{argument name=\"使用者名稱\" default=\"Alex Morgan\"}，以及電子郵件地址 [email protected]"
      },
      {
        "title": "標題",
        "position": "頂部主區域",
        "count": 4,
        "labels": [
          "歡迎回來，Alex 👋",
          "以下是您今天 AI 程式碼平台上的最新資訊。",
          "2024 年 5 月 12 日 – 2024 年 6 月 12 日",
          "匯出報告"
        ],
        "details": "左側大型問候語，右側日期範圍選擇器和匯出按鈕"
      },
      {
        "title": "指標卡片",
        "position": "標題下方的頂部列",
        "count": 4,
        "labels": [
          "總使用者數",
          "有效專案數",
          "API 呼叫次數",
          "程式碼品質分數"
        ],
        "values": [
          "12,842",
          "2,153",
          "1.28M",
          "876"
        ],
        "details": "每個卡片都有一個小彩色圖示、大型主要值、與 2024 年 4 月 12 日 – 5 月 12 日的比較文字、正向變動百分比 14.6%、8.3%、23.7%、5.9%，以及底部的微型折線圖；顏色分別為紫色、綠色、琥珀色和藍色"
      },
      {
        "title": "主要分析面板",
        "position": "中間和底部列",
        "count": 4,
        "labels": [
          "API 呼叫次數隨時間變化",
          "熱門專案",
          "使用者活動熱圖",
          "程式碼品質趨勢"
        ],
        "details": "API 呼叫次數隨時間變化是一個寬度區域圖，帶有「每日」下拉式選單和上升的紫色線條，最終接近 25 萬；熱門專案是一個包含 5 個項目、進度條和百分比變動的排名清單；使用者活動熱圖是一個帶有 12 點到 21 點小時標籤的 7 列每週熱圖；程式碼品質趨勢是一個帶有「每週」下拉式選單和從約 70 到低 90 的平滑向上紫色趨勢的折線圖"
      },
      {
        "title": "熱門專案清單",
        "position": "中間右側面板",
        "count": 5,
        "labels": [
          "AI 程式碼助理",
          "智慧重構",
          "程式碼審查機器人",
          "文件產生器",
          "測試建置器"
        ],
        "values": [
          "485K",
          "321K",
          "214K",
          "132K",
          "98K"
        ],
        "details": "前四個項目為綠色正向增長 12.4%、8.7%、3.1%、6.8%，測試建置器為紅色負向增長 -1.2%；每列都有一個彩色方塊圖示和細長的水平進度條"
      }
    ]
  },
  "style": {
    "visual_language": "高端金融科技和 AI 產品設計模型",
    "rendering": "清晰高保真 UI 模型、微妙陰影、霓虹邊緣照明、精緻圖表、簡潔的無襯線字體",
    "primary_accent": "{argument name=\"重點顏色\" default=\"電紫色\"}",
    "secondary_accents": [
      "祖母綠",
      "琥珀黃",
      "青藍色"
    ],
    "density": "資訊豐富但寬敞、平衡的網格、高度易讀"
  }
}