58 個 registry 項目

暖紙為底,透紗為層。

和紙為底,覆紗為層,三色光在下方流動。中日文排版,從設計開始就是正事。

58

Registry 項目

3

紙上三色光

MIT

授權

紗的證明

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

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

表面與標記

卡片、膠囊與徽章置於玻璃層上;一個 class 即可切換語意 token 的主題。

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

ground

#F7F3EC · dark #12130F

紙底 · washi ground

ink

#1C1914 · dark #E9E5DC

標題 · headings

body

#4A443C · dark #B5AFA2

內文 · body text

muted

#6E6659 · dark #A8A193

次要 · secondary text

faint

#9A9184 · dark #7E7869

meta · timestamps

ruri 瑠璃

#2E63B8 · dark #82B4F0

導引 · links, focus, selection

korozen 黄櫨染

#D0722E · dark #F2A36B

行動 · primary CTA, editorial marks

sumire 菫

#7B68C8 · dark #A99BEA

氛圍 · ambient glow, ::selection

deep

#112441 · dark –

hover 深端 · dark button text

指示與導航

狀態低調,路標清楚。

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

散文——墨的一層

有主張的文章排版:互動處標瑠璃,編輯意圖標黄櫨染。

← Writing Security · 2026-05-18 · 12 min read

紙上之墨

H2 章節標題

H3 小節標題

A paragraph shows bold emphasis, italic stress, an inline link, and terraform plan as inline code.

段落展示粗體強調、Latin italic、行內連結與行內 terraform plan。

段落には太字の強調、斜体、インラインリンク、terraform plan のインラインコードが並びます。

「引用はここに——左側の黄櫨染は編集記号です。」
  • 無序清單 unordered
  • 巢狀 nested:
    • 第二層 second level
  1. 有序清單 ordered
  2. 番号付きリスト numbered
resource "aws_security_group_rule" "api" {
  cidr_blocks = ["10.0.0.0/8"]   # code block
}
表格欄位数字
row 分隔 hairline内容1,024
最後一列無線内容42

Image placeholder (rounded-xl)
figcaption — mono, centered, faint
npx shadcn@latest add https://washiveil.alexchih.com/r/prose.json

安裝

每個元件都會自動帶入 theme token 層。

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