#designer
2026-02-25
最近認識的設計前輩，參考 gov.uk 的設計系統
網站基礎使用 VitePress 建構，同時透過 AI 協助撰寫 Web Component。之所以選擇 Lit 作為實作方式，是考量到承包商前端框架差異較大，採用 Web Component 可以降低耦合，讓各團隊依自身架構進行 wrapper 與整合。
在樣式策略上，為了因應各部會既有風格差異，系統核心以 Design Token 作為統一基礎，再搭配 Tailwind CSS 提供實作層的彈性。
也分享過來
https://www.facebook.com/kaznut7/posts/pfbid0pQDPg4Auiw9XJK3JCimNkuX2MrvcYACzYahMrn1nC24KhmAmKbE6xfCMNDxpiBU4l
網站基礎使用 VitePress 建構，同時透過 AI 協助撰寫 Web Component。之所以選擇 Lit 作為實作方式，是考量到承包商前端框架差異較大，採用 Web Component 可以降低耦合，讓各團隊依自身架構進行 wrapper 與整合。
在樣式策略上，為了因應各部會既有風格差異，系統核心以 Design Token 作為統一基礎，再搭配 Tailwind CSS 提供實作層的彈性。
也分享過來
https://www.facebook.com/kaznut7/posts/pfbid0pQDPg4Auiw9XJK3JCimNkuX2MrvcYACzYahMrn1nC24KhmAmKbE6xfCMNDxpiBU4l
facebook.com
這兩天因為專案需求，又重新翻到 <http://gov.uk|gov.uk> 的設計系統。一直在思考，為什麼台灣沒有一個類似的整合單位，能夠建立跨部會共用的設計系統。現在多數政府網站的體驗仍然相當分散，各單位各自發展，介面一致性不足，甚至不少網站仍停留在 Bootstrap 架構且缺乏更新。真正需要整合的，其實是前端體驗層。 可以理解不同單位與承包商採用的技術堆疊不盡相同，但在 AI...
- 👍1
- 💡1
@eis.toad has joined the channel