SCALE — Build Lab

ボーダー半径の階層

モーション

rounded は3段階(小: 4px / 中: 8px / 大: 16px)に統一。

Do 良い例

ボタン: 4px / カード: 8px / モーダル: 16px

Don't 悪い例

ボタンA: 3px / ボタンB: 7px / カード: 12px(恣意的)

ボーダー半径の階層

:LiTarget: 原則

rounded は3段階(小: 4px / 中: 8px / 大: 16px)に統一。

:LiCheckCircle: Do(良い例)

ボタン: 4px / カード: 8px / モーダル: 16px

:LiXCircle: Don’t(悪い例)

ボタンA: 3px / ボタンB: 7px / カード: 12px(恣意的)