用途から選ぶ
9 つのアジア伝統色から用途別の起点を選び、相性の良いデザインシステムへつなぎます。
01
ブランドのメインカラー
白・黒どちらの背景でも読める、彩度と明度のバランスが良い色。
Material と Tailwind のスケールでトーンを展開できます。
おすすめの色
02
ダッシュボードと UI
面・境界線・控えめな状態に使える穏やかな明るい色。
Radix と Primer のニュートラル段階に対応付けましょう。
おすすめの色
03
販促・キャンペーン
バッジやセールバナー、CTA に効く暖かく強い色。
文字に使う前にコントラストを確認を。Bootstrap / Ant Design に安全なバリエーションがあります。
おすすめの色
04
東洋の編集物・ポスター
四季や五行に由来する、固有名と文化背景を持つ色。
補助色には Open Color が合わせやすいです。
おすすめの色
05
ダークモード
背景に使っても隣接する文字が潰れにくい深い色。
前景色は Radix のダーク段階と Chakra を組み合わせて。