Radius

Radius는 컴포넌트 혹은 콘텐츠 모서리의 둥글기를 표현합니다.

Radius는 UI 구성 요소의 모서리를 둥글게 처리하여 부드럽고 현대적인 느낌을 제공합니다. 일관된 Radius 값은 브랜드 아이덴티티를 강화하고, 사용자 경험을 향상시키며, 다양한 화면과 컨텍스트에서 시각적 일관성을 유지하는 데 중요한 역할을 합니다.

다음은 일반적으로 사용되는 Radius 토큰 예시입니다.

Names	Used values	Component
6px	x1.5	-
8px	x2	Action Button(Small, Medium)
10px	x2.5	Text Field, Callout
12px	x3	Action Button(Large)
26px	x4	작은 요소들과 텍스트 등 정보를 담는 카드
20px	x5	Alert Dialog
24px	x6	Bottom Sheet, Action Sheet, Extended Action Sheet