深色 AI 编码仪表盘 UI
一个深海军蓝色的 SaaS 分析仪表盘 UI,采用玻璃拟态卡片、左侧边栏、问候标题、指标卡片以及多个图表和列表。该布局以精致现代的管理后台界面展示产品使用情况、项目表现、用户活动和代码质量趋势。
模型: gpt-image-2分类: Infographic/Edu Visual风格: Minimalist语言: en
提示词
{ "type": "深色 SaaS 分析仪表盘 UI", "product": { "brand": "{argument name=\"brand name\" default=\"AICode\"}", "theme": "深海军蓝玻璃拟态界面,带有微妙渐变、柔和发光、圆角卡片、细边框,现代开发者工具美学" }, "canvas": { "aspect_ratio": "16:9", "background": "深邃的午夜蓝,带有淡淡的暗角和柔和的径向光照" }, "layout": { "structure": "左侧边栏加主内容区", "sections": [ { "title": "Sidebar", "position": "left", "count": 8, "labels": ["AICode", "Overview", "Projects", "AI Assistants", "API & Usage", "Code Quality", "Team", "Settings"], "details": "顶部是 logo,Overview 处于选中状态并带有紫色高亮,底部订阅卡片显示 Pro Plan,12 天后续订,75% 的横向进度条,最底部是带头像的用户资料,{argument name=\"user name\" default=\"Alex Morgan\"},以及邮箱 alex@morgan.dev" }, { "title": "Header", "position": "top main area", "count": 4, "labels": ["Welcome back, Alex 👋", "Here's what's happening with your AI coding platform today.", "May 12 – Jun 12, 2024", "Export Report"], "details": "左侧为大号问候语,右侧为日期范围选择器和导出按钮" }, { "title": "Metric cards", "position": "top row under header", "count": 4, "labels": ["Total Users", "Active Projects", "API Calls", "Code Quality Score"], "values": ["12,842", "2,153", "1.28M", "876"], "details": "每张卡片都有一个小型彩色图标、主要大数值、与 2024 年 4 月 12 日 – 2024 年 5 月 12 日相比的对比文字、14.6%、8.3%、23.7%、5.9% 的正向变化百分比,以及底部一张迷你折线图;颜色分别为紫色、绿色、琥珀色和蓝色" }, { "title": "Main analytics panels", "position": "middle and bottom rows", "count": 4, "labels": ["API Calls Over Time", "Top Projects", "User Activity Heatmap", "Code Quality Trends"], "details": "API Calls Over Time 是一个宽幅面积图,带有 Daily 下拉菜单,紫色上升曲线最终接近 250K;Top Projects 是一个包含 5 个项目的排名列表,带有进度条和百分比变化;User Activity Heatmap 是一个 7 行的周热力图,小时标签从 12 AM 到 9 PM;Code Quality Trends 是一个带有 Weekly 下拉菜单的折线图,平滑向上的紫色趋势从约 70 上升到 90 出头" }, { "title": "Top Projects list", "position": "middle right panel", "count": 5, "labels": ["AI Code Assistant", "Smart Refactor", "Code Review Bot", "Doc Generator", "Test Builder"], "values": ["485K", "321K", "214K", "132K", "98K"], "details": "前四项为绿色正向增幅 12.4%、8.7%、3.1%、6.8%,Test Builder 为红色负向增幅 -1.2%;每一行都有一个彩色方形图标和一条细横向进度条" } ] }, "style": { "visual_language": "高端金融科技与 AI 产品设计样机", "rendering": "清晰的高保真 UI 样机,细腻阴影、霓虹边缘光、精致图...