だれにとっても使いやすく
文字は背景との差をしっかり取って読みやすく、操作はキーボードだけでも完結します。いま操作している場所も常に見え、動きは控えめです。見やすさの国際基準 WCAG の最高ランク AAA に合わせています。
デザインシステム
トークンで彩る、アクセシブルなデザインシステム。React・Vue・Web Components のどれでも同じ見た目と操作感になる、WCAG 2.1 AAA 準拠のデザインシステムです。
React・Vue・Web Components のどれを選んでも、画面に表示される結果も、キーボードでの操作感も同じです。チームやページごとに、使い慣れたものを選べます。
文字は背景との差をしっかり取って読みやすく、操作はキーボードだけでも完結します。いま操作している場所も常に見え、動きは控えめです。見やすさの国際基準 WCAG の最高ランク AAA に合わせています。
色・余白・角丸・影は、あらかじめ名前を付けた値（トークン）で指定します。数値やカラーコードを毎回直接書くことはありません。
同じ名前の値にライトとダーク両方の色を用意してあるので、どの部品もどちらのモードでもきれいに表示されます。
部品の名前や設定項目、ファイルの並べ方をそろえてあるので、決まりに沿うだけで正しいコードを書けます。AI にコードを書かせるときも迷いません。