Radius tokens
현재 R3 Radius 값을 canonical tokens로 표시합니다.
| Role | Token | Value |
|---|---|---|
| control | 3px | |
| panel | 5px | |
| overlay | 7px | |
| round | 999px |
Usage
하나의 복합 표면은 하나의 바깥 경계가 책임집니다.
Control은 3px, Panel은 5px, Overlay는 7px로 구분합니다. Pill·Circle은 기능이 요구하는 예외이며 모든 UI를 알약 형태로 만들기 위한 기본값이 아닙니다. 여러 개의 둥근 카드 안에 둥근 카드를 반복해서 넣지 않습니다.
Accessibility
장식적 형태가 조작 목표나 정보 위계를 대신하지 않습니다.
클릭 가능한 영역의 크기, focus-visible outline, Light/Dark 대비는 Radius와 독립적으로 충족해야 합니다.