# Cohere 設計規格與首頁分析 語言：繁體中文（台灣用語，zh-TW）。內容整理：2026-10-15。官網參考日期：2026-10-10。 ## 參考來源 - 公開來源：https://cohere.com/ - 對應完整預覽：`official-drafts/cohere.html` - 預覽 SHA-256：`e963788d73e8b4807ce6dd9f26e7bcbdf2c7c4531bf71d30f358bd51be502492` - 本次更新為文字在地化，不代表重新檢查了今日官網。品牌完整預覽、原始截圖與原生生成紀錄保留來源原貌。 ## 目前首頁的視覺與結構 來源：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，不宣稱與官方一致。 ## 套用至自己的專案 製作企業知識工作區，包含來源清單、回答面板與引用來源列。視覺上區分來源證據與生成內容，以柔和色塊分組；只有需要呈現技術細節時才使用深色主控台。 可先拆出下列核心元件：附引用來源的回答卡片，支援展開來源與查無結果的狀態。先核對目前預覽的內容層級與構圖，再建立可重複使用的色彩、字型、間距及元件狀態。較早的延伸設計變數位於 `design-md/cohere/DESIGN.md`；與本次觀察不一致時，以日期限定的實際觀察為準，不把延伸值冒充當日量測。 ## 繁體中文與台灣用語 介面文案、按鈕、提示、錯誤訊息、圖片替代文字、設計規格與交付說明，一律使用繁體中文（台灣用語）。保留品牌名稱、字型名稱、檔名、網址、API 識別字與可執行程式碼。HTML 使用 zh-Hant-TW；數字與日期以 zh-TW 格式呈現，幣別及時區依原資料標示，不擅自換算。 使用「專案、元件、資料、建立、預設、載入、登入、連結、儲存、影片、伺服器、滑鼠」等台灣用語。繁體中文可依實際環境採 `Noto Sans TC`、`PingFang TC` 或 `Microsoft JhengHei`，原字型未涵蓋中文字時記錄替代方式。檢查長中文標題與混合中英文換行，不沿用英文固定字寬或大寫字距作為中文限制。 ## 響應式與操作要求 以原有尺寸紀錄作視覺對照；新專案另檢查 390px、768px、1440px 的版面。保留語意閱讀順序、可見鍵盤焦點與具名稱的控制項，主要觸控區域建議至少 44px。支援載入、空白、錯誤、停用與已選取狀態，並提供減少動態效果的替代呈現。 以上是新專案的實作建議，不表示原預覽已完成全部互動或無障礙驗收。來源的價格、資料、活動及服務狀態皆屬原日期畫面內容，示範使用時應標明範例，不推論為即時結果。 ## 已知差異與限制 - 可閱讀的靜態參考來自官網實際的 prefers-reduced-motion: reduce 模式，桌面／窄版高度為 8947／10516px。一般動態模式的主視覺與標題仍為空白，原始截圖保留，尚未驗證一般動畫一致性。 - 桌面堆疊卡片與公告修正使用重新取得的捲動位置 2160／2880 樣式；最新來源頁高 8867px，與正式參考 8947px 不同。完整正式證據保留，取樣間動畫與推定的最後一張卡片 65px 固定增量尚未驗證。 - 內文位移依正式參考在 2160／2880 的標題取樣推算，並保留最新啟用中的祖先樣式。窄版捲動位置 0 的原始商標與選單按鈕已還原至 80px 公告下方；導覽隱藏時間、Rive、影片與商標輪播階段尚未驗證。 - North 影片與商標輪播階段不同；選單、產業與客戶選擇、產業及頁尾摺疊區、表單、預約示範、登入與後端服務尚未驗證。 - 官網參考採實際減少動態模式，本機一般瀏覽器則明確套用來源 CSS 的靜態可見分支。這未驗證官網預設動態模式；一般模式的原始空白截圖仍保留。 - 桌面卡片及內文位移、窄版導覽還原，只在實際取樣尺寸與捲動階段驗證。取樣之間的 GSAP 動畫、導覽時間與最新來源對正式參考的頁高差異仍保留。 - North 影片與商標輪播階段不同；選單、產業與客戶選擇、產業及頁尾摺疊區、表單、登入、預約示範與後端服務尚未驗證。 - 原始比對未涵蓋其他寬度、實體裝置、地區、完整互動及動態，以及正式部署。 ## 交付與驗證 交付實作檔案、設計變數、繁體中文文案、可操作的核心元件與實際檢查結果。逐項列出仍未完成的互動與服務，不以相同頁高、少量幾何資料或供應者宣稱取代完整視覺檢查。原始比對仍為有差異的參考，未宣稱官方授權或完全一致。