開源 · MIT · SwiftUI · Web

Signet

**同一枚印記,蓋在每一支 CVER App 上。**

每一支 CVER App 都各自長出了同一套顏色分類,卻在十六進位色碼上各自飄移。Signet 把這份飄移收斂成單一真相來源:原生 macOS App 用 SwiftUI 套件、網站用一個小型 web 套件,讓整個家族渲染成一體。美學會隨時代更替;印記不變。

運作方式

1.

匯入

原生 App 加入 Signet 的 Swift 套件;網站則從 npm 拉 @cvernet/signet。一行相依設定,就取代了過去每支 App 各自帶著、各自飄移的那份色盤、tokens 與外框。

2.

套用主題

透過 environment 注入一個 CVERTheme,於是單一角色分類,包含 ground、deep、accent、highlight、text、border,再加上 positive/warning/danger,就驅動每一個面板。儘管套件名為 Signet,公開 API 仍保留品牌穩定的 CVER* 前綴。

3.

渲染

共用元件,包含按鈕、橫幅、gates、霧面卡片,以及無邊框的 liquid-glass 視窗外框,在 snapsift、clioil、reepub、andross 與其餘各支 App 上都渲染得一模一樣,而 web 套件則讓 cver.net 的字標、箭頭與 squircle 圓角同步跟上。

裡頭有什麼

單一真相來源

顏色角色、一套真正的圓角與間距級距,還有自家字標,全都活在同一個套件裡,不再有三份各自飄移、同樣色碼的複本散落在各 App 之間。

玻璃只用在外框

霧面 liquid-glass 面板只保留給視窗外框與面板;內容維持不透明、好讀。無邊框玻璃視窗是選用的,不會強加在每一個 view 上。

品牌穩定的 API

美學會隨時代改變,但公開 API 始終保留 CVER* 前綴。若未來某個設計世代真的把套件改名,App 程式只需改一行 import,不必動到每一個呼叫處。

原生與 web 兼具

一個給原生 macOS App 的 SwiftUI 套件,加上一個小型 @cvernet/signet web 套件,含箭頭、squircle 圓角、語系橫幅,讓家族識別從 App 視窗到網站都保持一致。

把家族識別抽取出來

依 MIT 授權免費開源。Signet 是 CVER 以開放方式釋出的內部基礎建設:把 Swift 套件加進原生 App、或把 @cvernet/signet 加進 web 專案,就能繼承家族其餘成員早已在用的同一套色盤、tokens 與外框。