レジストリ項目 58 点

温かい紙、透ける紗。

和紙を地に、紗を重ね、三つの灯りがその下で揺れます。中国語・日本語の組版は、設計の最初から考慮しています。

58

レジストリ項目

3

紙上の灯り

MIT

ライセンス

紗の証明

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

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

サーフェスとマーク

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

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

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 トークン層が自動で組み込まれます。

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