# Ferrari AI 介面實作指令

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

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

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

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

一、依參考建立視覺結構
來源為 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仍記錄，不能宣稱所有取得嘗試成功。

二、完成符合自己產品的功能
製作車款專題頁，讓深淺故事章節交錯，並提供精簡的車款摘要。紅色只用於明確重點，透過有力的圖片裁切與章節標題建立閱讀節奏。
優先實作車款故事面板，包含圖片說明與可使用鍵盤展開的規格資訊。沿用專案現有技術、路由及元件慣例；先整理色彩、字型、間距、圓角與狀態，再完成頁面。保留規格中實際量測的數值，未知內容明確標示為建議，不自行杜撰來源資料、價格、引言或成功結果。

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

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

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

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