Foundations
Tokens · brand presets · typography · iconography
Foundation + semantic
HSL-math primitives, 68 semantic roles, DTCG + Figma JSON.
tokens/7 production brands
An Nhien · KHI · BetterBuy · Xanh · Kryphan · HaoGood · AI Tools.
brands/Font system
Inter · Lora · IBM Plex Mono · Instrument Serif · VN diacritic-safe.
fonts/Lucide-derived sprite
Single SVG sprite per archetype.
icons/Atomic Design
Atoms · molecules · organisms · templates · pages
Building blocks
Loading · number input · slider · file uploader · tag.
atoms/Composed atoms
Date picker · empty state · error state.
molecules/Complex sections
Toast · toolbar · treeview · resizable panels.
organisms/6 archetype wireframes
A · B · C · D · E · F skeleton scaffolds.
templates/Composed archetypes
page-A through page-F + PWA flows.
pages/Patterns & demos
Showcase · _previews · motion · uxstate · variant matrix
Archetype gallery
6 archetypes × warm/dark + 6 trend explorations.
_previews/Production demos
Real-world component compositions per brand.
showcase/28 motion tokens
Reduced-motion contract + 15-pattern demo.
motion/Loading · empty · error
Skeleton · spinner · toast · banner patterns.
uxstate/Token × component grid
All atoms/molecules in every brand context.
_variant-matrix/PWA manifest + shell
iOS/Android install · safe-area · viewport.
mobile/Docs
Foundations · governance · CI · gotchas
Kit overview
Quick start · what ships · how to consume.
README.mdDecision tree
5-min start: archetype choice · 3 scenarios · QC rules.
USAGE.htmlSemantic tokens
68 tokens · editorial patterns · deck patterns.
REFERENCE.mdGotchas + patterns
G1-G19 codified · iteration learnings.
FINAL-STATE.mdPer-patch history
v0.5.0 → v0.5.11 release notes.
CHANGELOG-v0.5.mdGate behaviour
Token audit · path audit · contrast · Lighthouse.
CI.md72% coverage audit
10 top-missing · benchmark vs Carbon/Polaris/Spectrum.
ROADMAP-COMPLETENESS.mdWCAG discipline
Contrast · landmarks · keyboard · focus order.
A11Y-RULES.md