57 個 registry 項目

暖紙為底,透紗為層。

這不是 glassmorphism:底是和紙,其上每一層都是紗,三色光在最底下流動。中日文排版是一等公民,不是事後補丁。

57

Registry 項目

3

紙上三色光

MIT

授權

紗的證明

紗下是銳利的墨——捲動,看紗如何工作。

paper × ink × veil

墨上之紗

紗下是罫線與《竹取物語》——竹中那一筋光。

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

表面與標記

玻璃層上的卡片、膠囊與徽章——語意 token 一個 class 就完成主題切換。

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

結構

和紙編輯層上的分頁、手風琴與表格。

底色溫暖帶紋——從來不是純白。

Token取名自Δ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 token 層。

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