AI 분석
접힘·펼침·다크 모드 세 가지 상태로 배열한 사이드바 내비게이션 컴포넌트 시안이다.
연회색 배경 위에 둥근 모서리 카드 형태의 사이드바 세 개가 나란히 놓여 상태 변화를 비교한다. 상단 브랜드 행 아래로 아이콘과 라벨이 짝을 이룬 1차 메뉴가 오고, 각 항목 우측의 셰브런으로 하위 항목 아코디언이 펼쳐지며 들여쓰기된 텍스트 전용 2차 목록이 이어진다. 활성 항목은 옅은 회색 채움과 라운드 필 형태로만 표시해 강조색 없이 위계를 만들고, 세 번째 패널은 같은 구조를 짙은 남색 배경에 반전해 다크 모드 대응을 보여준다. 계층형 내비게이션의 상태 설계와 밀도, 라이트·다크 토큰 대응을 한 화면에서 확인할 수 있어 디자인 시스템 레퍼런스로 유용하다.
minimal · light-mode · dark-mode · monochrome · corporate
claude-opus-5 · 2026-09-07 21:34 · 신뢰도 0.93
