# Cohere AI 介面實作指令

語言：繁體中文（台灣用語，zh-TW）。指令重新產出：2026-10-15。對應官網參考日期：2026-10-10。

將同資料夾的 DESIGN.md 與此指令一起交給 AI，並補上自己的產品需求。網站單份下載的品牌檔名也可使用；保留規格中的參考日期與限制。

```text
請先讀取隨附的 Cohere 設計規格與專案現有程式碼。以 2026-10-10 的公開首頁研究作為視覺參考，來源為 https://cohere.com/，這不代表今日最新官網。

我的需求：請在此填入產品名稱、目標使用者、頁面功能、內容及資料來源。

一、依參考建立視覺結構
來源：https://cohere.com/。原始取樣時間保留於 UTC 紀錄，oct10 工作檔名不表示所有檢查都在 10 月 10 日完成。

現行企業 AI 首頁使用白色、米色、黑色與森林綠。頁首為 North2 公告與膠囊按鈕，首屏大標「你的 AI，由你決定。」與 North 介面圖。一般動畫模式實測文字祖先 opacity 為 0、捲動往返仍留白；另以官網 prefers-reduced-motion: reduce 模式實際取得完整大標與 North 說明，這是目前靜態校正的明確範圍。

後續可見 AI for Empowerment 大圖、Purpose-built AI、North 黑色產品卡、模型資料圖、Model Vault、安全部署、產業、客戶故事、NVIDIA 引言、安全標誌、海景 CTA 與黑色多欄頁尾。來源故事文案含 CoreWeave 90 天、Draftwise 30% 與 Fujitsu Takane，皆為當日原文。

已透過新原生 Stitch 編輯，再依官網減少動態模式的完整 DOM、字型、圖片及有效樣式校正。此模式實際桌面頁高 8947px、窄版 10516px；原一般模式 8437px／9097px 留白證據另存。重製頁明確啟用來源 reduce CSS 分支，不宣稱一般動畫模式已驗證。

桌面三張產品卡在來源會隨捲動堆疊，僅保留頁尾 DOM 的終點 transform 會讓 North／模型主文留白。本次追加真正可見的 2160／2880 捲動相位與 pin spacer 樣式，恢復卡片原文、素材、堆疊位置及首屏 48px 公告。來源取樣之間採位置投影，不宣稱 GSAP 時序相同。

追加校正移除 North／Our models 內層文字的頁尾 translateY(-110.195px)，分別依 canonical 2160／2880 的實際標題位置投影，完整 active DOM 的內層樣式另存；Model Vault 原本沒有此偏移。窄版首屏還原 80px 公告下方原有 60px 標誌／選單列，離開首屏保留來源隱藏狀態。取樣之間的位移與導覽隱藏時間仍未驗證。

root 已實際查看目前雜湊的桌面／窄版各 13 段、全部 8 張比較圖。26 個捲動位置對應、兩尺寸各 14 個標題幾何無量測差、頁高 8947／10516px 相同，無可見壞圖、溢位或覆蓋缺口；首屏窄版導覽與 2160／2880 的卡片文字均已複查。官網參照為減少動態模式，本機一般瀏覽器則顯示明確套用該可見 CSS 分支的靜態研究，不能延伸宣稱官網預設動畫模式一致。

保留原有 DESIGN.md、PROMPTS.md、STITCH-PROMPT.md；本檔為目前官網的日期限定補充。研究頁免費瀏覽、無付費執行時依賴，未執行購買或訂閱。

驗證範圍為匿名公開首頁、1280×720 與 390×844、DPR 1、桌面 UA。實體手機、其他地區、完整互動與部署尚未驗證；accepted=false，不宣稱與官方一致。

二、完成符合自己產品的功能
製作企業知識工作區，包含來源清單、回答面板與引用來源列。視覺上區分來源證據與生成內容，以柔和色塊分組；只有需要呈現技術細節時才使用深色主控台。
優先實作附引用來源的回答卡片，支援展開來源與查無結果的狀態。沿用專案現有技術、路由及元件慣例；先整理色彩、字型、間距、圓角與狀態，再完成頁面。保留規格中實際量測的數值，未知內容明確標示為建議，不自行杜撰來源資料、價格、引言或成功結果。

三、台灣繁體中文與排版
介面文案、按鈕、提示、錯誤訊息、圖片替代文字、設計規格與交付說明，一律使用繁體中文（台灣用語）。保留品牌名稱、字型名稱、檔名、網址、API 識別字與可執行程式碼。HTML 使用 zh-Hant-TW；數字與日期以 zh-TW 格式呈現，幣別及時區依原資料標示，不擅自換算。
採用「專案、元件、資料、建立、預設、載入、登入、連結、儲存、影片」等台灣用語。中文字型缺字時提供可取得的替代字型並說明字寬差異。參考品牌的原始圖片與截圖保留來源內容；你新建立的文案與示範資料使用台灣繁體中文，不將商標或品牌服務當成我自己的產品。

四、操作與檢查
所有可見操作都必須有可理解的結果。依需求支援預設、焦點、已選取、停用、載入、空白與錯誤狀態。使用語意標記、具名稱的控制項、可見鍵盤焦點，以及至少 44px 的主要觸控區域。尊重減少動態效果設定；影片與動畫提供可閱讀的靜態替代。
在 390px、768px、1440px 檢查中文長標題、混合語言、圖片失敗與內容變動。程式碼及資料表可在自己的容器捲動，不讓文件整體被撐開。不要假裝已連接帳戶、付款、模型 API 或其他尚未接上的後端；示範資料須明確標示。

五、保留已知限制
- 可閱讀的靜態參考來自官網實際的 prefers-reduced-motion: reduce 模式，桌面／窄版高度為 8947／10516px。一般動態模式的主視覺與標題仍為空白，原始截圖保留，尚未驗證一般動畫一致性。
- 桌面堆疊卡片與公告修正使用重新取得的捲動位置 2160／2880 樣式；最新來源頁高 8867px，與正式參考 8947px 不同。完整正式證據保留，取樣間動畫與推定的最後一張卡片 65px 固定增量尚未驗證。
- 內文位移依正式參考在 2160／2880 的標題取樣推算，並保留最新啟用中的祖先樣式。窄版捲動位置 0 的原始商標與選單按鈕已還原至 80px 公告下方；導覽隱藏時間、Rive、影片與商標輪播階段尚未驗證。
- North 影片與商標輪播階段不同；選單、產業與客戶選擇、產業及頁尾摺疊區、表單、預約示範、登入與後端服務尚未驗證。
- 官網參考採實際減少動態模式，本機一般瀏覽器則明確套用來源 CSS 的靜態可見分支。這未驗證官網預設動態模式；一般模式的原始空白截圖仍保留。
- 桌面卡片及內文位移、窄版導覽還原，只在實際取樣尺寸與捲動階段驗證。取樣之間的 GSAP 動畫、導覽時間與最新來源對正式參考的頁高差異仍保留。
- North 影片與商標輪播階段不同；選單、產業與客戶選擇、產業及頁尾摺疊區、表單、登入、預約示範與後端服務尚未驗證。
- 原始比對未涵蓋其他寬度、實體裝置、地區、完整互動及動態，以及正式部署。

六、交付
以繁體中文列出完成的檔案、設計變數、操作方式、實際驗證結果與尚未處理的限制。逐次修改時保留無關路由及資料行為，說明可觀察的修改前後差異，不把尚未檢查項目宣稱為通過。
```