AI 분석
회계 SaaS용 사이드바 내비게이션을 확장, 아이콘 전용, 하위 메뉴 전개 상태로 나란히 보여주는 컴포넌트 시안이다.
어두운 배경 위에 살짝 밝은 패널 세 개를 나란히 놓아 같은 사이드바의 확장, 아이콘 전용, 다른 그룹이 펼쳐진 상태를 비교한다. 산세리프 소문자 라벨과 얇은 선형 아이콘을 왼쪽에 정렬하고, 활성 항목만 밝은 텍스트와 미세하게 밝은 배경 블록으로 구분해 대비를 최소한으로 쓴다. 접힘 가능한 그룹은 셰브런으로 표시하고 하위 항목은 아이콘 없이 들여쓰기와 낮은 명도 텍스트로 계층을 만들며, 숫자 배지가 우측에 정렬되고 하단에는 보조 항목과 사용자 프로필 행이 고정된다. 다크 UI에서 내비게이션 상태 전환과 위계 표현을 어떻게 절제할지 보여주는 참고 자료로 유용하다.
dark-mode · minimal · high-contrast · techy
claude-opus-5 · 2026-09-07 21:48 · 신뢰도 0.93
