AI 분석
펼침·아이콘 축소·중간 상태로 나뉜 다크 모드 사이드바 내비게이션 컴포넌트 세트다.
거의 검정에 가까운 배경 위에 둥근 모서리의 세로 패널 세 개가 나란히 놓인 컴포넌트 쇼케이스다. 넓은 펼침 사이드바, 아이콘만 남긴 축소 사이드바, 하위 항목이 다르게 펼쳐진 세 번째 사이드바가 같은 구조의 상태 변형을 보여준다. 얇은 선형 아이콘과 작은 산세리프 텍스트를 쓰고, 활성 항목은 살짝 밝은 회색 블록으로 표시하며 미읽음 수는 어두운 배지로 우측 정렬한다. 상단 내비 그룹과 하단 고정 영역(인박스·설정·프로필)을 분리해 배치한 점이 관리자 화면 사이드바를 설계할 때 상태별 밀도 조절 레퍼런스로 유용하다.
dark-mode · minimal · techy · monochrome
claude-opus-5 · 2026-09-07 21:53 · 신뢰도 0.93
