Identity
WBDS가 누구의 시스템인지 식별하고 소유권을 드러내는 브랜드 기반 자산입니다.
Brand
WBDS의 소유권과 식별성을 만드는 identity foundation입니다. 제품 기능을 수행하는 Component와 분리해 브랜드 자산과 표현 규칙을 다룹니다.
Visual Language
색, 글자, 형태, 경계와 깊이처럼 WBDS의 인상을 만드는 기본 언어입니다.
Color
WBDS의 Neutral, Action, Signal, Critical 및 semantic state 색 역할을 Light A2와 Dark D1에서 일관된 토큰 계약으로 정의합니다.
Typography
Display·Body·Cut-in·Code 역할과 언어별 서체 스택을 다룹니다.
Shape & Radius
R3 Control·Panel·Overlay 곡률 계약입니다.
Border & Elevation
구분선 우선 구조와 제한적 Floating Elevation을 다룹니다.
Theme
Light·Dark·System 테마 선택과 의미 토큰 재매핑을 설명합니다.
Iconography
Layout & Rhythm
공간, 그리드, 밀도와 반응형 규칙으로 화면의 리듬을 구성합니다.
Spacing
4px 간격 토큰과 간격 소유권을 정의합니다.
Grid & Layout
Page·Workbench·Reading의 폭과 좁은 화면의 여백을 다룹니다.
Density
Responsive
뷰포트 변화와 확대에 대응하는 레이아웃 원칙입니다.
Behavior & Content
움직임, 포커스, 언어와 콘텐츠가 상호작용하는 방식을 정의합니다.
Motion
명시적 Motion 모드와 감소된 동작의 접근성 원칙입니다.
Focus
키보드 Focus 표시와 상태 복귀의 기본 원칙입니다.
Locale & Content
한국어·일본어·영어의 언어별 줄바꿈과 의미 보존 규칙입니다.