间距

Semi Design 使用 4px 的间距单元，所有的间距都应是 4px 的倍数。对于大元素之间使用大的间距，小元素之间使用小的间距。
间距

间距示例

  • 对于弹窗而言，弹窗是大元素，其内边距使用大间距 24px
  • Header Title 与 Tab 与 Body 与 Footer 之间间距使用大间距 24px
  • 对于文本输入框，Label 与 输入框为小元素，考虑亲密性，使用 4px 间距
间距示例{no-border-large}

圆角

圆角由小到大分为三个尺寸：3px, 6px 和 12px。使用圆角的规律一般遵循面积越大的元素使用越大的圆角，相应的内边距也越大。
圆角尺寸