AI 분석
확장형과 아이콘 전용 축소형 사이드바를 나란히 보여주는 다크 모드 내비게이션 컴포넌트다.
둥근 모서리의 세로 패널 두 개가 나란히 놓여 같은 사이드바의 확장 상태와 아이콘 전용 축소 상태를 비교한다. 짙은 회색 배경 위에 흰색과 회색 텍스트만 쓰고 채도가 높은 색은 알림 배지와 아바타, 상태 막대에만 제한적으로 배치한다. 상단 로고와 접기 버튼, 단축키 힌트가 붙은 검색 필드, 구분선으로 나뉜 메뉴 그룹, 팀원 목록, 하단 설정과 계정 카드가 차례로 쌓이고 축소 상태에서는 호버한 항목에 툴팁이 뜬다. 사이드바의 접기 동작과 아이콘 정렬, 배지·툴팁 처리를 함께 확인할 수 있어 내비게이션 설계 레퍼런스로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 23:36 · 신뢰도 0.93
