Avatar
사용자 또는 기업, 학교를 나타내는 대표 이미지 또는 아이콘입니다. 다양한 크기와 모양 옵션을 제공하여 프로필, 댓글, 목록 등 맥락에 맞춰 시각적으로 일관되게 표시할 수 있도록 돕습니다.
예외적으로 Variant에 없는 사이즈를 사용할 경우 4배수 크기로 작업합니다. 사이즈를 커스터마이징할 경우 모서리 둥글기는 사이즈의 0.25배 값에 2를 더해 사용하며, 0.25배 값이 홀수라면 짝수로 올린 뒤 더합니다. Person은 사이즈와 관계없이 원형을 유지합니다.
- Corner radius = ceil(Size × 0.25 / 2) × 2 + 2
프로필에 업데이트 정보가 있을 때 Avatar 우측 상단에 Push badge로 표기합니다. 노출 기한은 각 프로젝트에서 자유롭게 지정할 수 있습니다. Push badge의 크기는 Avatar 사이즈에 맞춰 아래 기준으로 지정하며, 커스텀 사이즈에도 같은 기준을
적용합니다.
- Avatar 사이즈 ≤ 36: Push badge = Xsmall
- 36 < Avatar 사이즈 ≤ 52: Push badge = Small
- Avatar 사이즈 > 52: Push badge = Medium
