- 所需時間
- 4–8 週
- 交付內容
- 4
什麼時候需要
當同一個按鈕在三個頁面上有三種藍。當設計稿交出去之後,實作出來的東西要再來回五次。當品牌規範是一份 PDF,而工程師的螢幕上從來沒有打開過它。
我們實際做什麼
從既有產品反推 token,不從一張白紙開始。先盤點現在實際用了幾種藍、幾種間距、幾種字級 —— 那個數字通常會讓人吃驚,也是說服團隊的最好材料。收斂之後才談識別。
你會拿到什麼
一組設計與工程共用的 token、一個跑得起來的元件庫、每一組前景背景都通過 WCAG AA 的色彩驗證,以及一份說明「什麼時候該打破規則」的使用規範。
我們不做什麼
不交付只有 Figma 的設計系統。一套沒有對應程式碼的 token 會在三個月內失效,而失效的規範比沒有規範更糟 —— 它讓每個人都以為有共識。
怎麼開始
我們會先跑一次盤點:把你現在線上的產品掃一遍,數出實際使用中的顏色、間距、字級與元件變體。那份清單本身就是提案。
交付內容
- 品牌識別與語調
- 設計 token 與元件庫
- 無障礙色彩驗證
- 使用規範與交接
相關案例
TSUKI
2025
跨三個市場的電商,同一套後台
台北、東京、新加坡各自的稅務、金流、物流規則,收斂成一組可設定的規則引擎。
3個市場,一套系統
Verde Energy
2025
讓一萬座案場的資料在一頁裡看得懂
每五分鐘一萬筆的遙測資料,要在一張圖上同時回答「現在如何」與「為什麼」。
10k座案場即時監控