オープンソース · 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 プロジェクトに追加すれば、ファミリーの他のメンバーがすでに使っているのと同じパレット、トークン、クロムをそのまま受け継げます。