# Binance AI 介面實作指令 語言:繁體中文(台灣用語,zh-TW)。指令重新產出:2026-10-15。對應官網參考日期:2026-10-11。 將同資料夾的 DESIGN.md 與此指令一起交給 AI,並補上自己的產品需求。網站單份下載的品牌檔名也可使用;保留規格中的參考日期與限制。 ```text 請先讀取隨附的 Binance 設計規格與專案現有程式碼。以 2026-10-11 的公開首頁研究作為視覺參考,來源為 https://www.binance.com/en,這不代表今日最新官網。 我的需求:請在此填入產品名稱、目標使用者、頁面功能、內容及資料來源。 一、依參考建立視覺結構 2026-10-11 UTC實際觀測匿名英文/USD深色首頁;最終校正在2026-10-12 UTC重新實拍。BinanceNova字型、金黃主按鈕、深灰市場卡、漲跌紅綠與大幅333,338,383 USERS TRUST US構成主要視覺。保留當時Popular五個市場項目、四則新聞、Welcome Bonus活動圖、SAFU公開數字與三張照片、下載介面、十項FAQ與完整ADGM頁尾。115份原始素材共1.04MB;一個未被頁面引用的根目錄資源回403,未重試。桌面4974px與窄版5366px各7段,全頁皆已實看,最後4張對照圖全部重新檢視。桌面23個同文字標題與窄版24個標題幾何差異為0;桌面另外一個動態人數標題文字變動,不能算相同。 **已比對主要靜態畫面,仍有差異;accepted=false,不宣稱與官方一致。** 既有設計分析及原始指令保留。本次官方來源、真實 Google Stitch MCP 原始輸出、校正檔與實際瀏覽器畫面分開記錄。研究頁面免費瀏覽,沒有啟動付費方案或交易。 二、完成符合自己產品的功能 製作行情觀察介面,包含可搜尋的資產清單與資訊面板。等寬數字須對齊;漲跌同時以正負符號及色彩表示,所有金額與行情都明確標為示範資料。 優先實作資產資料列,包含收藏切換、上漲、下跌與資料無法取得的狀態。沿用專案現有技術、路由及元件慣例;先整理色彩、字型、間距、圓角與狀態,再完成頁面。保留規格中實際量測的數值,未知內容明確標示為建議,不自行杜撰來源資料、價格、引言或成功結果。 三、台灣繁體中文與排版 介面文案、按鈕、提示、錯誤訊息、圖片替代文字、設計規格與交付說明,一律使用繁體中文(台灣用語)。保留品牌名稱、字型名稱、檔名、網址、API 識別字與可執行程式碼。HTML 使用 zh-Hant-TW;數字與日期以 zh-TW 格式呈現,幣別及時區依原資料標示,不擅自換算。 採用「專案、元件、資料、建立、預設、載入、登入、連結、儲存、影片」等台灣用語。中文字型缺字時提供可取得的替代字型並說明字寬差異。參考品牌的原始圖片與截圖保留來源內容;你新建立的文案與示範資料使用台灣繁體中文,不將商標或品牌服務當成我自己的產品。 四、操作與檢查 所有可見操作都必須有可理解的結果。依需求支援預設、焦點、已選取、停用、載入、空白與錯誤狀態。使用語意標記、具名稱的控制項、可見鍵盤焦點,以及至少 44px 的主要觸控區域。尊重減少動態效果設定;影片與動畫提供可閱讀的靜態替代。 在 390px、768px、1440px 檢查中文長標題、混合語言、圖片失敗與內容變動。程式碼及資料表可在自己的容器捲動,不讓文件整體被撐開。不要假裝已連接帳戶、付款、模型 API 或其他尚未接上的後端;示範資料須明確標示。 五、保留已知限制 - 供應商要求MOBILE但回傳DESKTOP 2560×8998,照片與下載圖為佔位框;完整原始輸出已另存,不等同官方畫面或原生手機成功。 - 原生截圖會將完整視窗等比縮小:CSS桌面1280×720對應實際1270×714,CSS窄版390×844對應實際380×822。每張檔案皆保存actual_raster_dimensions與proportional_full_viewport映射並實看確認全視窗;沒有重新縮放圖片,也不宣稱原像素一比一相同。手機選單另為原生390×844。錯誤的裁切/放大CDP診斷圖均排除。 - 來源桌面首段人數333,338,381,後續變成333,338,383;重製版固定後者。市場價格、新聞、活動輪播及認可標語跑馬燈都是觀測快照,非即時資料,播放相位不同;桌面輸入框占位文字與來源取樣動畫狀態不同。 - 窄版根選單已實看,X與Escape通過。選單次層、搜尋、FAQ展開、頁尾手風琴、其他市場tabs、下載tabs與輪播其他狀態未驗證。登入、Google/Apple第三方介面、註冊、金融帳戶及交易服務未操作或重製為可用服務;沒有輸入個資、支付或交易。 - 窄版是桌面UA的390px響應式取樣,內容會隨時間與地區改變。主要靜態畫面已核對,accepted=false,不宣稱完全一致;正式部署仍待全74項整合後驗證。 六、交付 以繁體中文列出完成的檔案、設計變數、操作方式、實際驗證結果與尚未處理的限制。逐次修改時保留無關路由及資料行為,說明可觀察的修改前後差異,不把尚未檢查項目宣稱為通過。 ```