跳到內容
Delivery 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 對比。在 Phone 與 Desktop 之間切換 Preview width,並按一下 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 以唯讀方式讀取已核准的藍圖、調色盤與設計代碼(design tokens)。請參閱 AI 代理程式(MCP)。