AI 분석
확장·축소·아코디언 상태를 나란히 보여주는 사이드바 내비게이션 컴포넌트 세트다.
둥근 모서리의 세로 패널 세 개를 나란히 배치해 아이콘 전용 축소 상태와 라벨이 붙은 확장 상태를 비교한다. 산세리프 본문에 얇은 선형 아이콘을 짝지어 위계를 만들고, 다크 버전은 거의 검정에 가까운 배경과 밝은 회색 텍스트, 라이트 버전은 흰 패널과 연회색 바탕으로 같은 구조를 반전한다. 활성 항목은 은은한 채움 블록으로 표시하고 우측 숫자 배지, 아코디언 셰브런, 들여쓴 하위 메뉴, 하단에 고정된 받은편지함·설정·계정 영역이 반복된다. 내비게이션의 상태 변화와 다크·라이트 대응을 한 화면에서 정리한 사례라 디자인 시스템 레퍼런스로 쓰기 좋다.
minimal · dark-mode · light-mode · techy
claude-opus-5 · 2026-09-07 22:14 · 신뢰도 0.93
