オープンソース · MIT · SwiftUI · Web
Signet
**一つの印章を、すべての CVER アプリに刻む。**
CVER のアプリはどれも、それぞれ独自に同じ色の分類を育て、ただ hex 値だけがずれていきました。Signet はそのズレを一つの信頼できる出所にまとめます——ネイティブ macOS アプリ向けの SwiftUI パッケージと、サイト向けの小さな Web パッケージで、ファミリー全体が一つに見えるように。見た目は時代に従って変わりますが、印章は変わりません。
仕組み
1.
インポート
ネイティブアプリは Signet の Swift パッケージを追加し、サイトは npm から @cvernet/signet を取り込みます。依存関係を一行追加するだけで、各アプリがそれぞれ抱えてズレていたパレット、トークン、クロムのコピーを置き換えられます。
2.
テーマ
CVERTheme を環境(environment)経由で注入するので、一つのロール分類——ground、deep、accent、highlight、text、border、さらに positive/warning/danger——がすべてのサーフェスを駆動します。パッケージ名は Signet ですが、公開 API はブランドとして安定した CVER* 接頭辞を保ちます。
3.
レンダリング
共有コンポーネント——ボタン、バナー、ゲート、すりガラスのカード、ボーダーレスな liquid-glass のウインドウクロム——が snapsift、clioil、reepub、andross ほかすべてで同一にレンダリングされ、Web パッケージは cver.net 上でワードマーク、矢印、squircle の角を歩調を合わせて保ちます。
中身
一つの信頼できる出所
色のロール、実用的な角丸と余白のスケール、そしてハウスワードマークが一つのパッケージに収まります——同じ hex 値がアプリごとに三つもずれてコピーされる、ということはもうありません。
ガラスはクロムにだけ
すりガラスの liquid-glass サーフェスは、ウインドウクロムとパネル専用です。コンテンツは不透明で読みやすいまま。ボーダーレスのガラスウインドウはオプトイン方式で、すべてのビューに強制されることはありません。
ブランドとして安定した API
見た目は時代とともに変わりますが、公開 API は CVER* 接頭辞を保ちます。将来のデザイン時代にパッケージ名が変わっても、アプリ側のコードはインポート一行を変えるだけ——すべての呼び出し箇所を書き換える必要はありません。
ネイティブも Web も
ネイティブ macOS アプリ向けの SwiftUI パッケージと、小さな @cvernet/signet Web パッケージ——矢印、squircle の角、ロケールバナー——が、アプリのウインドウから Web サイトまでファミリーのアイデンティティを一貫させます。
ファミリーのアイデンティティを、くくり出す
MIT ライセンスで無料・オープンソース。Signet は CVER がオープンに出している社内基盤です——Swift パッケージをネイティブアプリに、あるいは @cvernet/signet を Web プロジェクトに追加すれば、ファミリーの他のメンバーがすでに使っているのと同じパレット、トークン、クロムをそのまま受け継げます。