Radius
SPI 디자인 시스템의 모서리 반경(Border Radius) 토큰 가이드입니다.
Radius
rounded는 Semantic 레이어에서 Primitive radius를 한 단계 추상화한 토큰입니다.
이를 통해 시스템 전체의 모서리 둥글기를 일괄 변경할 수 있습니다.
radius.4
4px
rounded.sm
뱃지, 태그에 주로 사용되는 미세한 둥글기
radius.8
8px
rounded.md
버튼, 인풋 필드 등 기본적인 인터랙티브 요소
radius.16
16px
rounded.lg
카드, 다이얼로그, 레이아웃 컨테이너
radius.24
24px
rounded.xl
매우 큰 컨테이너 패널
radius.32
32px
초대형 둥글기
radius.full
999px
rounded.full
원형 (아바타, Pill 버튼, 플로팅 액션)