AI 분석
다크와 라이트, 확장과 아이콘 축소 상태를 나란히 비교한 사이드바 내비게이션 컴포넌트 시안이다.
짙은 배경 위에 사이드바 패널 네 개를 나란히 배치해 다크·라이트 테마와 확장·아이콘 축소 상태를 한 화면에서 비교한다. 라운드가 큰 둥근 모서리 패널에 작은 산세리프 라벨과 선형 아이콘을 12px 안팎 간격으로 정렬했고, 활성 항목만 은은한 배경 칩으로 강조해 대비를 최소화한다. 접히는 그룹의 셰브론, 우측 정렬된 숫자 배지, 하단에 고정된 받은편지함·설정과 프로필 행이 핵심 구성이며, 축소 상태에서는 라벨과 하위 항목이 사라지고 아이콘 리듬만 남는다. 동일 구조를 테마와 밀도별로 대응시킨 방식이 내비게이션 상태 설계 레퍼런스로 유용하다.
minimal · dark-mode · light-mode · corporate
claude-opus-5 · 2026-09-07 21:37 · 신뢰도 0.93
