レジストリ項目 57 点

温かい紙、透ける紗。

これは glassmorphism ではありません。地は和紙、その上の各層は紗、そして最下層では三つの灯りが揺れています。中国語・日本語の組版を最初から第一級として設計しました。

57

レジストリ項目

3

紙上の灯り

MIT

ライセンス

紗の証明

紗の下には鋭い墨——スクロールすると、紗が自ら証明します。

paper × ink × veil

墨の上の紗

紗の下には罫線と『竹取物語』——竹の中の一筋の光。

今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。妻の嫗に預けて養はす。うつくしきこと、かぎりなし。いと幼ければ、籠に入れて養ふ。竹取の翁、竹を取るに、この子を見つけてのちに竹取るに、節を隔てて、よごとに金ある竹を見つくること重なりぬ。かくて翁やうやう豊かになりゆく。この児、養ふほどに、すくすくと大きになりまさる。三月ばかりになるほどに、よき程なる人になりぬれば、髪上げなどさうして、髪上げさせ、裳着す。帳のうちよりも出さず、いつき養ふ。この児のかたち、けうらなること世になく、屋のうちは暗き所なく光満ちたり。翁、心地あしく苦しき時も、この子を見れば、苦しきこともやみぬ。腹立たしきことも慰みけり。翁、竹を取ること久しくなりぬ。勢ひ猛の者になりにけり。この子いと大きになりぬれば、名を、三室戸斎部の秋田を呼びてつけさす。秋田、なよ竹のかぐや姫とつけつ。

サーフェスとマーク

ガラス層のカード・ピル・バッジ——セマンティックトークンはクラス一つでテーマを切り替えます。

glass-card

基礎となる紗。ライトでは和紙の上の白い紗、ダークでは持ち上げた温かい闇——決して白い霞ではありません。

ruri 瑠璃korozen 黄櫨染sumire 菫neutral

ボタンとバッジ

WV-101v0.2.0
稼働中
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json

フォームとコントロール

ガラスのフィールド層に載る全コントロール——フォーカスはすべて瑠璃のリング。

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-select.json

オーバーレイ

下は Radix、上は紗——パネルは深色の幕の上、強いガラスに浮かびます。

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-dialog.json

構造

和紙のエディトリアル層に載るタブ・アコーディオン・テーブル。

地は温かく、質感がある——純白ではありません。

トークン由来ΔE
ruri瑠璃——ラピスの青7.8
korozen黄櫨染——天皇の御袍の色7.8
sumire菫——すみれの紫13.0
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-tabs.json

インジケータとナビゲーション

静かな状態、静かな道しるべ。

AC
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-pagination.json

ピッカーと入力

cmdk・day-picker・vaul・OTP——同じ紗をまとって。

読み込み中、そばには K

まだ何もありません

空の状態は破線の和紙の地——静かに、詫びずに。

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-command.json

中国語と日本語、第一級の組版

Noto CJK が中日の字形を統一。見出しはバランス改行、日本語は文節単位で折り返します。

zh-TW 中文

紙為底,紗為層,三色為光

暖紙質感的介面系統——全形標點與中日字形在各平台保持一致,排版不是事後補丁。

ja 日本語

紙の上に、三つの灯り

和紙の温もりを基調に、語節単位の改行と統一された字形で、日本語の組版を最初から考慮した設計です。

npx shadcn@latest add https://washiveil.alexchih.com/r/theme.json

インストール

どのコンポーネントも theme トークン層を自動で取り込みます。

npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json