SaaS AI 仪表盘落地页

中文提示词

{
  "type": "SaaS 落地页首屏图形",
  "style": "现代 UI/UX，浅色主题，柔和阴影，毛玻璃效果，{argument name=\"primary theme color\" default=\"紫色和蓝色渐变\"}",
  "header": {
    "headline": "{argument name=\"main headline\" default=\"以 AI 的清晰视角驱动工作。\"}",
    "subheadline": "在一个智能工作空间中协调跨工具的任务、上下文和执行。"
  },
  "layout": {
    "center_dashboard": {
      "app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
      "greeting": "{argument name=\"user greeting\" default=\"早上好，Alex 👋\"}",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "{argument name=\"floating bar text\" default=\"向 AI 提问或输入指令...\"}"
    },
    "left_integrations": {
      "count": 4,
      "style": "通过细线连接到中央仪表盘的胶囊状卡片",
      "labels": [
        "Google Calendar：事件与日程",
        "Notion：文档与知识库",
        "Slack：消息与更新",
        "Google Drive：文件与资产"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "通过细线连接到中央仪表盘的胶囊状卡片",
      "labels": [
        "Asana：任务与项目",
        "GitHub：代码与提交",
        "Figma：设计文件",
        "Microsoft Teams：通话与会议"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "带有柔和阴影的矩形卡片",
      "cards": [
        {
          "title": "AI 驱动的概览",
          "description": "即时掌握目标、进度以及需要你关注的事项。",
          "visuals": "显示 24.6 小时专注时间的折线图，以及 3 个底部指标（会议、深度工作、已完成任务）"
        },
        {
          "title": "互联执行",
          "description": "保持跨工具的任务、更新和依赖关系同步。",
          "visuals": "包含 4 个即将到来的任务列表和 4 个带有用户头像的团队工作负载进度条"
        },
        {
          "title": "驱动影响的洞察",
          "description": "了解进度、解除风险并做出更明智的决策。",
          "visuals": "显示 18 个项目状态的环形图，以及带有红旗图标的 3 个主要风险列表"
        }
      ]
    }
  }
}

原始提示词

{
  "type": "SaaS landing page hero graphic",
  "style": "Modern UI/UX, light theme, soft shadows, glassmorphism, {argument name=\"primary theme color\" default=\"purple and blue gradients\"}",
  "header": {
    "headline": "{argument name=\"main headline\" default=\"Run your work with AI clarity.\"}",
    "subheadline": "Coordinate tasks, context, and execution across your tools in one intelligent workspace."
  },
  "layout": {
    "center_dashboard": {
      "app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
      "greeting": "{argument name=\"user greeting\" default=\"Good morning, Alex 👋\"}",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "{argument name=\"floating bar text\" default=\"Ask AI anything or type a command...\"}"
    },
    "left_integrations": {
      "count": 4,
      "style": "pill-shaped cards connected by thin lines to the center dashboard",
      "labels": [
        "Google Calendar: Events & schedule",
        "Notion: Docs & knowledge",
        "Slack: Messages & updates",
        "Google Drive: Files & assets"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "pill-shaped cards connected by thin lines to the center dashboard",
      "labels": [
        "Asana: Tasks & projects",
        "GitHub: Code & commits",
        "Figma: Design files",
        "Microsoft Teams: Calls & meetings"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "rectangular cards with soft shadows",
      "cards": [
        {
          "title": "AI-powered overview",
          "description": "Get instant clarity on goals, progress, and what needs your attention.",
          "visuals": "Line chart showing 24.6 hr focus time, and 3 bottom metrics (Meetings, Deep work, Tasks done)"
        },
        {
          "title": "Connected execution",
          "description": "Stay aligned with tasks, updates, and dependencies across your tools.",
          "visuals": "List of 4 upcoming tasks and 4 team workload progress bars with user avatars"
        },
        {
          "title": "Insights that drive impact",
          "description": "Understand progress, unblock risks, and make smarter decisions.",
          "visuals": "Donut chart showing 18 projects by status, and a list of 3 top risks with red flag icons"
        }
      ]
    }
  }
}