服務 服務

品牌與設計系統

一套會被實際使用的設計系統。不是一份沒人打開的 PDF,而是設計端與工程端共用同一組 token 的落地方式。

所需時間
4–8 週
交付內容
4

什麼時候需要

當同一個按鈕在三個頁面上有三種藍。當設計稿交出去之後,實作出來的東西要再來回五次。當品牌規範是一份 PDF,而工程師的螢幕上從來沒有打開過它。

我們實際做什麼

從既有產品反推 token,不從一張白紙開始。先盤點現在實際用了幾種藍、幾種間距、幾種字級 —— 那個數字通常會讓人吃驚,也是說服團隊的最好材料。收斂之後才談識別。

你會拿到什麼

一組設計與工程共用的 token、一個跑得起來的元件庫、每一組前景背景都通過 WCAG AA 的色彩驗證,以及一份說明「什麼時候該打破規則」的使用規範。

我們不做什麼

不交付只有 Figma 的設計系統。一套沒有對應程式碼的 token 會在三個月內失效,而失效的規範比沒有規範更糟 —— 它讓每個人都以為有共識。

怎麼開始

我們會先跑一次盤點:把你現在線上的產品掃一遍,數出實際使用中的顏色、間距、字級與元件變體。那份清單本身就是提案。

交付內容

  • 品牌識別與語調
  • 設計 token 與元件庫
  • 無障礙色彩驗證
  • 使用規範與交接

相關案例

所有案例 →

說說你想解決什麼

兩個工作天內會有人回信,回信的人就是會做這個案子的人。

談談專案