작업 방식
Spacing System은(는) 마진, 패딩, 간격에 쓸 기본 단위와 재사용 가능한 스케일을 정합니다. 컨테이너 내부의 inset 공간을 세로 stack, inline 관계, 그리드 간격과 구분하므로, 같은 숫자라도 용도를 분명하게 문서화할 수 있습니다.
소스는 간격을 그룹화와 연결합니다. 관련 항목은 더 가깝게 두고, 관련 없는 섹션은 더 멀리 떨어뜨립니다. 또한 맥락별 밀도 모드도 설명합니다. 이는 간결한 시스템 명세이며, 예시 스케일이 모든 제품에 그대로 맞는다는 주장은 아닙니다.
기대 산출물
- 선택한 기본 단위에서 도출한 이름 있는 간격 스케일.
- inset, stack, inline, 그리드 간격에 대한 사용 규칙.
- 콘텐츠 맥락별 밀도 모드 매핑.
브리프에서 검토까지
- 01기본 단위와 스케일 선택
기존 패턴을 검토하고, 우연히 생긴 값을 모두 유지하기보다 제한된 간격 어휘를 선택합니다.
- 02의미에 따른 용도 지정
컴포넌트 내부, 관련 컨트롤 사이, 섹션 사이에 각각 어떤 단계를 쓸지 정의합니다.
- 03밀도 변화 명시
그룹화 관계를 읽기 쉽게 유지하면서 compact 및 spacious 모드가 기본값을 어떻게 바꾸는지 설명합니다.