Elevation

Elevation은 Z축을 기준으로 두 표면 사이의 거리를 나타내는 시각적 체계로, 그림자와 빛 등의 요소들을 조합하여 UI 컴포넌트 간의 명확한 깊이감과 시각적 계층을 만들어냅니다. 원티드랩에서는 일관된 Elevation 규칙을 통해 사용자에게 직관적인 UI 구조를 전달하고 정교한 사용자 경험을 제공합니다.

Shadow type

Normal

빛의 위치에 따라 아래 쪽으로 그림자가 생기는 일반적인 경우 사용합니다.

Spread

Dialog와 같이 그림자가 사방으로 고르게 퍼져야 하는 경우 사용합니다.

Small
Medium

Style

레벨명칭적용
1Shadow Spread Small배경과 콘텐츠의 경계 사방에 구분이 필요한 경우
2Shadow Spread Medium경계 분리와 함께, 보다 강조가 필요한 경우

© 2026 Wanted Lab, Inc.