紗の証明
紗の下には罫線と『竹取物語』——竹の中の一筋の光。
今は昔、竹取の翁といふものありけり。野山にまじりて竹を取りつつ、よろづのことに使ひけり。名をば、さぬきの造となむいひける。その竹の中に、もと光る竹なむ一筋ありける。あやしがりて、寄りて見るに、筒の中光りたり。それを見れば、三寸ばかりなる人、いとうつくしうてゐたり。翁いふやう、我朝ごと夕ごとに見る竹の中におはするにて知りぬ。子となり給ふべき人なめり、とて手にうち入れて家へ持ちて来ぬ。妻の嫗に預けて養はす。うつくしきこと、かぎりなし。いと幼ければ、籠に入れて養ふ。竹取の翁、竹を取るに、この子を見つけてのちに竹取るに、節を隔てて、よごとに金ある竹を見つくること重なりぬ。かくて翁やうやう豊かになりゆく。この児、養ふほどに、すくすくと大きになりまさる。三月ばかりになるほどに、よき程なる人になりぬれば、髪上げなどさうして、髪上げさせ、裳着す。帳のうちよりも出さず、いつき養ふ。この児のかたち、けうらなること世になく、屋のうちは暗き所なく光満ちたり。翁、心地あしく苦しき時も、この子を見れば、苦しきこともやみぬ。腹立たしきことも慰みけり。翁、竹を取ること久しくなりぬ。勢ひ猛の者になりにけり。この子いと大きになりぬれば、名を、三室戸斎部の秋田を呼びてつけさす。秋田、なよ竹のかぐや姫とつけつ。
サーフェスとマーク
カード・ピル・バッジをガラス層に載せ、セマンティックトークンはクラス一つでテーマを切り替えます。
フォームとコントロール
一式のコントロールをガラスのフィールド層に載せ、フォーカスは瑠璃の輪で示します。
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.jsonground
#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
インジケータとナビゲーション
状態は控えめに、道案内は明確に。
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
- 有序清單 ordered
- 番号付きリスト numbered
resource "aws_security_group_rule" "api" {
cidr_blocks = ["10.0.0.0/8"] # code block
}| 表格 | 欄位 | 数字 |
|---|---|---|
| row 分隔 hairline | 内容 | 1,024 |
| 最後一列無線 | 内容 | 42 |
npx shadcn@latest add https://washiveil.alexchih.com/r/prose.jsonインストール
どのコンポーネントにも theme トークン層が自動で組み込まれます。
npx shadcn@latest add https://washiveil.alexchih.com/r/glass-card.json