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

{ "type": "深色 SaaS 分析儀表板 UI", "product": { "brand": "{argument name=\"品牌名稱\" default=\"AICode\"}", "theme": "界面採用深海軍藍磨砂玻璃，搭配柔和的漸變紋理、柔和的燈光、圓角卡和細化邊框， "aspect_ratio": "16:9", "background": "深午夜藍，帶有微妙的暗角和柔和的徑向燈光效果。" } }, "layout": { "structure": "左側邊欄加主內容區", "sections": [ { "title": "側邊欄", "position", "sections": [ { "title": "側邊欄", "position"AI." "AI助理", "API和用法", "程式碼品質", "團隊", "設定" ], "details": "頂部顯示徽標，選中“概覽”時會以紫色高亮顯示。底部的訂閱卡顯示專業版計劃，該計劃將在12天後到期。水平進度條顯示75%。底部的用戶個人電子郵件地址包含="ex="sname="ex="Paults)。 "title": "頁首", "position": "頂部主區域", "count": 4, "labels": [ "歡迎回來，Alex 👋", "這是今天的更新來自您的 AI 編程平台。”, “2024 年 5 月 12 日至 2024 年 6 月 12 日”, “詳情報告” 「左側顯示一個大問候語，右側顯示日期範圍選擇器和匯出按鈕。」 }, { "title": "指標卡", "position": "標題下方第一行", "count": 4, "labels": [ "用戶總數", "活躍項目", "API 調用量", "代碼品質評級" ], "values", "活躍項目", "API 調用量", "代碼品質評級" ], "values": 182" ], "details": "每張卡片包含一個小圖示、一個大的主要數值以及一段文字，對比了 2024 年 4 月 12 日至 5 月 12 日期間的數據，分別顯示了 14.6%、8.3%、23.7% 和 5.9% 的正增長率。 "主分析面板", "position": "中間和底部行", "count": 4, "labels": [ "API 呼叫趨勢", "熱門項目", "用戶活動熱圖", "代碼品質趨勢" ], "details": ""“API 呼叫趨勢”圖表是一個廣域圖，帶有“每日”菜單下拉； "熱門項目"是一個包含 5 個項目的排名列表，帶有進度條和百分比變化。 "使用者活動熱圖是一個 7 行的周熱圖，標籤以小時為單位，從中午 12 點到晚上 9 點。"代碼品質趨勢圖表是一個折線圖，帶有“每週”下拉菜單；紫色曲線平滑上升，從大約 70 上升到略高於 90。 " }, { "title": "熱門項目清單", "position": "右側中間面板", "count": 5, "labels": [ "AI 程式碼助理", "智慧型重構", "程式碼審查機器人", "文件產生器", "測試建構器" ], "values": [ "485K", "文件產生器", "測試建構器" ], "values": [ "485K", "321K" "details": "前四個項目分別以綠色顯示為正增長，分別為 12.4%、8.7%、3.1% 和 6.8%，而測試構建器則以紅色顯示為負增長，為 -1.2%；每一行都有一個彩色方塊圖標和一個細長的水平進度條。 " } ] }, "style": { "visual_language": "高階金融科技與人工智慧產品設計原型", "rendering": "清晰、高保真的使用者介面原型，微妙的陰影，霓虹邊緣照明效果，精美的圖表，以及簡潔的無襯線字體。 ", "primary_accent": "{argument name=\"accent color\" default=\"Electric Violet\"}", "secondary_accents": [ "Emerald Green", "Amber Yellow", "Cyan" ], "density": "資訊豐富且空間平衡，網格佈局合理，易於閱讀。 " } }