AI 분석
확장형과 아이콘 전용 축소형 사이드바를 라이트·다크 두 테마로 나란히 보여 주는 내비게이션 컴포넌트다.
부드러운 회색 배경 위에 둥근 모서리의 카드형 사이드바 두 개가 떠 있고, 왼쪽은 라벨이 보이는 확장 상태, 오른쪽은 아이콘만 남긴 축소 상태로 같은 구조를 대조해 보여 준다. 상단 로고와 접기 버튼, 단축키 힌트가 붙은 검색 필드에서 시작해 구분선으로 주요 메뉴·보조 메뉴·팀 섹션·하단 계정 영역을 나누며, 타이포그래피는 중간 굵기의 산세리프 한 종류로 통일하고 색은 무채색을 기본으로 두어 알림 배지와 팀원 상태 막대에만 채도 높은 색을 남긴다. 선형 아이콘 세트, 활성 항목의 옅은 채움 배경, 축소 상태에서 커서 옆에 뜨는 검은 툴팁, 아바타에 겹친 상태 점 같은 세부가 상태 표현을 담당한다. 두 번째 이미지는 동일한 레이아웃을 다크 테마로 옮겨 배경·표면·구분선의 명도만 재배치한 결과를 보여 준다. 하나의 내비게이션을 확장·축소와 라이트·다크 네 조합으로 정리한 사례라 디자인 시스템의 테마·상태 설계 참고로 쓰기 좋다.
minimal · light-mode · dark-mode · monochrome
claude-opus-5 · 2026-09-07 18:26 · 신뢰도 0.93
