AI 분석
아이콘 레일과 확장 패널을 결합한 다크 모드 웹앱 사이드바 두 가지 상태를 나란히 제시한 화면이다.
좁은 아이콘 레일과 넓은 내비게이션 패널을 붙인 이중 사이드바를 확장 상태와 축소 상태로 나란히 배치했다. 거의 검정에 가까운 배경 위에 한 단계 밝은 패널을 얹어 깊이를 만들고, 흰색 라벨과 회색 보조 텍스트, 얇은 라인 아이콘으로 대비를 정리했으며 강조색은 프로젝트별 컬러 글리프에만 제한적으로 쓴다. 상단 워크스페이스 스위처와 단축키 힌트가 붙은 커맨드 검색, 대문자 소제목으로 구분한 섹션, 밑줄형 카운트 배지, 접힘 셰브론과 호버 시 나타나는 추가 버튼, 하단에 고정된 설정·계정 유틸리티와 아바타가 구성 요소다. 축소 상태에서 라벨을 걷어내도 아이콘 그룹 구분선과 프로젝트 컬러만으로 위계가 유지되는 점이 내비게이션 밀도 설계 레퍼런스로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 17:40 · 신뢰도 0.92
