トークンを変えるだけで、デザインのすべてが変わる。テーマもカスタマイズも、驚くほどシンプル
ブランドカラーからUI用途別カラーまで
書体、サイズ、太さの組み合わせ
要素間の余白とレイアウト間隔
UIの深さと浮き上がりを表現
要素の透明度で視覚的な階層を表現
角の丸みで柔らかさを調整
境界線の太さで強調レベルを制御
用途別に最適化された6段階サイズ
画面サイズに応じたレイアウト切替
要素の重なり順を管理
アニメーションの速さを統一
動きの加速・減速カーブ
押下やアニメーションの拡縮効果
UI要素の出現・状態遷移モーション