washiveil
Warm washi paper, translucent veils. A registry with first-class Chinese & Japanese typography.
The ground is paper: a warm, grained washi surface. Every layer above it is a veil — translucent white in light mode, a lifted warm dark in dark mode — and three lights move beneath everything.
Install
Every component pulls the token layer (theme) automatically.
Works in any shadcn-initialized project (Tailwind CSS v4). The components read two
token layers: standard shadcn semantic variables, plus the washi extension
(--glass*, tri-color accents) installed by the theme item.
Components
The tri-color
Three accents, named after their nearest Japanese traditional colors. Values are tuned for contrast on the washi ground; the names carry the lineage.
Chinese & Japanese, first-class
- Font stacks lead with a Latin face and unify zh/ja glyph forms via Noto CJK (Han unification: 直/骨/海 render differently in TC and JP — the stack order matters)
text-wrap: balanceon display text; Japanese headings break at phrase boundaries (word-break: auto-phrase, progressive enhancement)- Full-width punctuation conventions respected throughout the demo copy
Accessibility
The demo and the shipped defaults target WCAG 2.2 AA. The statement — scope, methods, and the documented exceptions — is at , and the design rulings behind it are recorded in DECISIONS.md [blocked].
Roadmap
Deferred for now: glass-carousel, glass-resizable, charts, sidebar, and
blocks (hero, pricing, article) — heavy dependencies or low glass leverage,
revisited on demand.
Design story
The palette and its three lights have an origin story. A writeup is in the works at .
License
MIT ©