SCALE — Build Lab

デザインシステムの一貫性

印象

全ページで同じカード・同じボタン・同じ色・同じ余白を使う。

Do 良い例

CSS 変数で色・余白を一元管理 → 全画面で参照

Don't 悪い例

画面ごとに違う色・違うボタンスタイル

デザインシステムの一貫性

:LiTarget: 原則

全ページで同じカード・同じボタン・同じ色・同じ余白を使う。

:LiCheckCircle: Do(良い例)

CSS 変数で色・余白を一元管理 → 全画面で参照

:LiXCircle: Don’t(悪い例)

画面ごとに違う色・違うボタンスタイル