Color Palette
カラーパレットは、光を差し込む役割として設計されています。 Deep Navyを基盤とした落ち着いた配色に、Calm Skyが明るいアクセントを加えます。
Brand Colors
Deep Navy
--ds-navy企業の軸・重心。ヘッダー、フッター、主要テキストに使用。
Calm Sky Blue
--ds-sky理性的な明るさ・CTA。ボタン、リンク、フォーカスリングに使用。
Neutral Colors
信頼の骨格。テキスト、背景、ボーダーを構成するグレースケール。
50
100
200
300
400
500
600
700
800
900
Semantic Colors
状態を伝えるための機能的な配色。
Destructive
エラー、削除
Success
成功、完了
Warning
警告、注意
Info
情報、ヒント