跳转到内容
交付 API
在围绕某项功能进行规划之前,请先查看功能状态。

指南设计

网站助手与配色方案

通过简短的访谈规划网站,获得页面和区块建议,批准蓝图,并根据您的徽标选择配色方案。

本页面由英文翻译而来。如有任何差异,以英文版本为准。 阅读英文版

打开 Design → Website helper。顶部的徽章会说明建议使用的是 Claude suggestions 还是 Matching without AI。

  1. 开始一个方案。 在 Plans 下为其命名,然后点击 Start plan。

  2. 回答访谈(1. Discovery)。第 1 轮有 8 个问题,其中 5 个为必答:行业、主要目标、受众、地区和品牌依据。对于必答问题,您可以 Save answer 或 Let Atlas assume。第 2 轮最多会提出 7 个可选的后续问题(线索收集、产品或服务页面、语言、合规、佐证材料、动效程度、内容负责人),每个问题都附有提问的原因。

  3. 添加简报(2. Briefs),可选。上传不超过 256 kB 的文本、Markdown 或 JSON 文件。简报仅作为普通信息读取:其中的指令会被标记,且绝不会被执行。

  4. 获取建议(3. Recommendations)。Atlas 会建议页面类型、您的网站已有的区块以及已获批的库内项目,并列出其 Assumptions。

  5. 批准蓝图(4. Blueprint)。调整每个 Page title 和 Address (slug),然后点击 Approve blueprint。已批准的蓝图不会再改变;如需改变方向,请开始新的方案。

  6. 创建草稿页面。 点击 Create draft pages,然后点击 Open draft 在页面编辑器中填写内容。不会发布任何内容。

AI 和额度。 开启 AI 建议后,每条建议都会使用您组织的 AI 额度。如果未设置 AI、额度已用完或 AI 不可用,Atlas 会回退到不使用 AI 的匹配方式,且不收取费用。

限制。 每个站点最多 50 个方案,每个方案最多 10 份简报。草稿页面按其页面类型创建为空白页面;推荐的库内项目会被列出,但不会放置到页面上。

打开 Design → Brand 和卡片 Palettes from your logo(站点需要有生效的站点契约)。

  1. 选择 Sample colours from 的取色来源(您的徽标或媒体图片;PNG、JPEG、WebP 或 GIF),然后点击 Suggest palettes。

  2. 比较六套配色方案:三套 From your logo,三套 Independent。每套都以 AA、AA large 或 Fails 显示 WCAG 对比度。在 Preview width 中切换 Phone 和 Desktop,并点击 Compare on a page 在真实页面上查看它们。

  3. 点击 Edit tokens 调整 12 种颜色中的任意一种(背景、表面、文字、次要文字、主要操作、主色上的文字、强调色、边框、成功、警告、错误、焦点环)。编辑时会重新测量对比度;Reset to suggested 可撤销您的更改。

  4. 点击 Use this palette。文字对比度低于 4.5:1 的配色方案不会被提供。

使用配色方案会提议一项站点设置更改;它不会改变您的网站。站点管理员在 Site setup 下审阅并激活它,然后由您的开发人员把颜色令牌映射到您的 CSS。Atlas 会在提议中附上给开发人员的任务。

模板。 Save as template 会把配色方案保存下来,供您组织中的每个站点使用(最多 100 个模板)。在另一个站点上用 Use template 使用它。

具有 Read website plans 权限的编程智能体连接,可以通过 MCP 以只读方式读取已批准的蓝图、配色方案和设计令牌。请参阅 AI 智能体(MCP)。