デザインシステムの一貫性
:LiTarget: 原則
全ページで同じカード・同じボタン・同じ色・同じ余白を使う。
:LiCheckCircle: Do(良い例)
CSS 変数で色・余白を一元管理 → 全画面で参照
:LiXCircle: Don’t(悪い例)
画面ごとに違う色・違うボタンスタイル
全ページで同じカード・同じボタン・同じ色・同じ余白を使う。
CSS 変数で色・余白を一元管理 → 全画面で参照
画面ごとに違う色・違うボタンスタイル
全ページで同じカード・同じボタン・同じ色・同じ余白を使う。
CSS 変数で色・余白を一元管理 → 全画面で参照
画面ごとに違う色・違うボタンスタイル