# Sanity 設計規格與首頁分析

語言：繁體中文（台灣用語，zh-TW）。內容整理：2026-10-15。官網參考日期：2026-10-11。

## 參考來源

- 公開來源：https://www.sanity.io/
- 對應完整預覽：`official-drafts/sanity.html`
- 預覽 SHA-256：`a855b523d740eedf88448740f32da6741c16068eb78e397ac3adf525600a4de8`
- 本次更新為文字在地化，不代表重新檢查了今日官網。品牌完整預覽、原始截圖與原生生成紀錄保留來源原貌。

## 目前首頁的視覺與結構

內容營運首頁採黃白相間的編輯式系統，搭配醒目的原始字型、章節圖像、產品與編輯器插圖，以及自動化節點。依完整來源與原始媒體調整版面，保留主要介紹、編輯器、自動化、API、客戶故事與頁尾的資訊順序。

編輯器與自動化示範以保存的可見狀態呈現。產品選取、客戶輪播、時間標示及動畫階段仍有差異；這些示範不代表可用的編輯器、API 或後端服務。

## 套用至自己的專案

製作內容營運頁，包含醒目的編輯式頁首、資料結構範例與有組織的工作流程面板。珊瑚色用於最高優先操作，等寬標示只用於技術中繼資料。

可先拆出下列核心元件：內容狀態面板，包含草稿、審閱中與已發布階段。先核對目前預覽的內容層級與構圖，再建立可重複使用的色彩、字型、間距及元件狀態。較早的延伸設計變數位於 `design-md/sanity/DESIGN.md`；與本次觀察不一致時，以日期限定的實際觀察為準，不把延伸值冒充當日量測。

## 繁體中文與台灣用語

介面文案、按鈕、提示、錯誤訊息、圖片替代文字、設計規格與交付說明，一律使用繁體中文（台灣用語）。保留品牌名稱、字型名稱、檔名、網址、API 識別字與可執行程式碼。HTML 使用 zh-Hant-TW；數字與日期以 zh-TW 格式呈現，幣別及時區依原資料標示，不擅自換算。

使用「專案、元件、資料、建立、預設、載入、登入、連結、儲存、影片、伺服器、滑鼠」等台灣用語。繁體中文可依實際環境採 `Noto Sans TC`、`PingFang TC` 或 `Microsoft JhengHei`，原字型未涵蓋中文字時記錄替代方式。檢查長中文標題與混合中英文換行，不沿用英文固定字寬或大寫字距作為中文限制。

## 響應式與操作要求

以原有尺寸紀錄作視覺對照；新專案另檢查 390px、768px、1440px 的版面。保留語意閱讀順序、可見鍵盤焦點與具名稱的控制項，主要觸控區域建議至少 44px。支援載入、空白、錯誤、停用與已選取狀態，並提供減少動態效果的替代呈現。

以上是新專案的實作建議，不表示原預覽已完成全部互動或無障礙驗收。來源的價格、資料、活動及服務狀態皆屬原日期畫面內容，示範使用時應標明範例，不推論為即時結果。

## 已知差異與限制

- 主視覺使用原始公開影片，但畫格、商標跑馬燈及載入階段不同。初次尚未載入的主視覺證據，已在 readyState=4 後重拍並記錄中繼資料。
- 編輯器示範固定為一個擷取狀態；輸入標題、選取外框、發布紀錄、時間及背景與較早原生畫格不同，其行為尚未重現。
- 自動化視覺保留原始面板、節點及 SVG 標記，但原生畫布連線脈動、通知時間、分頁分支與滑鼠移入互動尚未重現。
- API 插圖固定於擷取的選取情境，桌面為定價、窄版為行銷，與較早來源的教學及定價輪播階段不同；情境切換及後端助理尚未實作。
- 客戶故事固定為 02 Tecovas，原生截圖則為 01 Yust／03 Complex；自動選擇、客戶背景影片、本機窄版空白背景、轉場及控制仍未解決。
- 首屏重拍是在操作選單之後，焦點、滑鼠移入樣式及浮動助理淡入時間，可能與互動前的原生第一畫格不同。
- 桌面及行動版巢狀導覽、AI 助理、主題、同意設定、電子報、指令複製、SDK 及示範、其他頁面與帳戶服務尚未完整重現或驗收；官方連結仍可用，後端表單未送出。
- 頁尾狀態可能顯示擷取的最終值，較早官網桌面截圖則為載入中。來源有明確日期，不代表即時服務狀態檢查。
- 其他寬度及實體裝置需另行驗證；原始比對未涵蓋正式部署。

## 交付與驗證

交付實作檔案、設計變數、繁體中文文案、可操作的核心元件與實際檢查結果。逐項列出仍未完成的互動與服務，不以相同頁高、少量幾何資料或供應者宣稱取代完整視覺檢查。原始比對仍為有差異的參考，未宣稱官方授權或完全一致。