# HashiCorp 設計規格與首頁分析

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

## 參考來源

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

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

現行首頁使用紫色光線幾何主視覺、Do cloud right 大標題與深炭黑長頁。平台、Infragraph、解決方案、生命週期管理、合作夥伴、認證及資源區塊以寬鬆留白與交錯圖文建立節奏；桌面跑馬燈在390px改為標誌矩陣，導覽改為白色全螢幕。最新 Agentic runtime security 與 Cyber Risk2026 文案均依現場觀察保留。

原始 DESIGN.md、先前原生 Stitch 匯出與本次完整資料均保留。此為有明確範圍的視覺研究；未驗證項目不得宣稱官方一致。

## 套用至自己的專案

製作基礎架構產品目錄，對齊產品系列、程式碼範例與工作流程圖。整體保持黑白，各產品的強調色只出現在已標示的對應範圍內。

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

## 繁體中文與台灣用語

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

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

## 響應式與操作要求

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

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

## 已知差異與限制

- 目前公開 SVG 圖示集回傳 HTTP 429，造成原生箭頭、HCP 徽章、生命週期及產品圖示、語言及社群圖示、選單及關閉圖示缺漏，屬於可見差異。另有 4 個未使用的巢狀選單裝飾圖示也回傳 429。
- 桌面客戶商標跑馬燈的時間階段不同，原生動畫與轉場的精確時間尚未驗證。
- 僅比對預設 Accelerate、最新消息分頁與行動版主選單。其他分頁、桌面下拉選單、行動版巢狀面板、語言、Cookie 及表單尚未實作或完整檢查。
- 註冊區為唯讀視覺研究；帳戶、訂閱、業務洽詢及需登入的服務仍導向官方目的地。
- 僅檢查使用桌面瀏覽器識別的 1280×720 與 390×844 響應式畫面；其他寬度、實體手機與最終公開部署不在原始比對範圍內。

## 交付與驗證

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