WBDS 01
WBDS 01 DOCUMENTATION

Browse the system

Navigation loads from the WBDS 01 Docs manifest.

WBDS 01 SEARCH

Find documentation

Type to search the WBDS 01 documentation hierarchy.

Foundations

Border & Elevation

Border-first 계층과 실제로 떠 있는 Overlay에 제한된 Shadow를 구분합니다.

Live foundation specimen

WBDS Foundation의 현재 값과 실제 적용 결과를 함께 볼 수 있습니다.

Border-first surface
Floating overlay

Containment tokens

실제 패키지 CSS의 경계와 그림자 토큰을 비교합니다.

기본 Border는 , Floating Overlay에 한해 를 사용합니다. 현재 alpha E1 값은 0 10px 24px rgb(35 31 26 / 0.10)입니다.

Usage

그림자를 깊이의 기본 언어로 만들지 않습니다.

정보 그룹을 나눌 때는 간격·구분선·타이포그래피를 우선합니다. 실제로 떠 있는 팝오버나 일시적 명령 표면에만 명확한 Elevation을 허용합니다. Canvas와 Surface 사이의 의도치 않은 얇은 틈은 그대로 두지 않습니다.

Accessibility

그림자만으로 레이어와 상태를 구분하지 않습니다.

명시적인 경계, heading/role, focus 순서와 Dialog/Popover 전환 동작을 함께 제공합니다. Light/Dark 모두에서 콘텐츠가 읽혀야 합니다.

참고 문서 4
TokensTokensThemesFoundations