# Ferrari 設計規格與首頁分析

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

## 參考來源

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

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

來源為 https://www.ferrari.com/en-US 。沿用 oct10 檔名前綴；最新來源與實際畫面觀察時間為2026-10-11T23:08Z之後，臺北時間2026-10-12。新聞第一則已更新為「Charles 在濱海灣登上頒獎台」，舊 qualifying 報導不再留在目前稿件。新聞第二則 Barcelona 為本預覽的選定靜態狀態。

官方首頁以滿版影片、透明黑色導航與白色新聞區形成對比。Scuderia Ferrari HP 首屏佔完整視窗；三封面指示器與四則新聞輪播皆有原始資料。六張照片卡在1280px形成兩欄，在390px依序堆疊。Sketch Body 沒有 Magazine 小標。灰色 Newsletter 區接黑色五類頁尾，窄版呈閉合列；完整社群、公司法律文字、隱私連結、國別與 Shell 標記均保留。

真正的兩次 Google Stitch 桌面修改與未改動輸出已保存。首次生成含與來源不同的字型、影像、EN-US工具、01/04索引與 Sketch Body 小標，因此再以完整公開 DOM、220個開放 shadow roots、64份 adopted CSS 與實際公開素材逐項校正。保留正常CSS瀏覽器200回應的原始 Ferrari 字型；不載入追蹤與服務腳本。

目前 SHA 的稿件重新載入後，桌面1280×720與窄版390×844各有7張真正視窗截圖，連續覆蓋4337與5258px。每張核對實際檔案尺寸、網址、捲動位置、頁高與擷取時稿件雜湊。兩版19張DOM圖片全部載入，沒有橫向溢出。首屏、六卡與Newsletter共8個主要標題的文字及邊界差值皆為0。補充同一 Barcelona 新聞狀態的兩版實拍，以及官方窄版動畫完成後再走一次的7張完整實拍；所有比較圖已實際開啟檢視。

完整官方第一趟窄版截圖仍保留尚未出現的動畫卡與輪播過渡，第二趟真實截圖可見全部照片。預覽採原始公開影片海報與動畫終態，不重現HLS影格、入場/輪播時序、Play、Menu、Search、Subscribe、頁尾展開或外部服務。桌面額外新聞實拍的官方導航仍顯示，本地向下捲動狀態已收起，兩者差異亦保留。7個未使用的替代/CJK字型網址405仍記錄，不能宣稱所有取得嘗試成功。

## 套用至自己的專案

製作車款專題頁，讓深淺故事章節交錯，並提供精簡的車款摘要。紅色只用於明確重點，透過有力的圖片裁切與章節標題建立閱讀節奏。

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

## 繁體中文與台灣用語

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

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

## 響應式與操作要求

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

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

## 已知差異與限制

- 第一張主視覺使用原始公開靜態海報，與官網 HLS 影片的畫格可見不同；播放及封面控制尚未實作。其他封面保留在來源範本中，但其啟用後畫面尚未驗收。
- 官網新聞自動輪播；首次完整桌面拍攝顯示第 3 則，首次窄版拍攝跨越新聞及顯示動畫。另存的兩種寬度 Barcelona 來源截圖及第二次完整窄版拍攝，顯示預覽選用的第 2 則。自動輪播、導覽按鈕與轉場時間仍有差異。
- 官網進場及幕簾動畫在預覽中固定為最終靜態狀態。第一次窄版官網拍攝包含尚未顯示的卡片，原始影像保留；第二次另存的 7 張 390×844 來源截圖顯示全部 6 張卡片。未宣稱畫格時間或動畫一致。
- 桌面向下捲動時以簡單門檻隱藏頁首；另選的 Barcelona 官網桌面畫面仍有頁首，本機向下畫面則隱藏。完整上下捲動導覽、滑鼠移入選單、搜尋、訂閱、頁尾與社群摺疊、鍵盤焦點、隱私及無障礙服務尚未實作或驗收。
- 7 個未使用的替代、中字重及中日韓字型網址回傳 405。所需 Body-Font 取自正常瀏覽器 CSS 的 200 回應，兩份主要 FerrariSans 一般與中字重字型已保存；兩種寬度的已觀察圖片皆可載入。其他語言與替代字型尚未驗收。
- 兩份新的 Stitch 桌面編輯稿分別保留，先前行動版與原始設計資料仍可溯源。390px 為使用桌面瀏覽器識別的 CSS 窄版，並非真實手機；原始比對未涵蓋其他寬度、路由、帳戶、車款設定器、購買服務及正式部署。

## 交付與驗證

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