AI 분석
아이콘 레일부터 검색 포커스까지 사이드바 내비게이션의 네 가지 상태를 나란히 비교한 시안이다.
회색 캔버스 위에 폭이 다른 사이드바 패널 네 개를 나란히 배치해 접힘과 펼침 상태를 비교하는 구성이다. 좁은 아이콘 레일은 검정과 흰색 두 톤으로 제시하고, 넓은 패널은 상단 검색 필드 아래로 워크스페이스·계정·팀 세 그룹을 구분선으로 나눈 단일 칼럼 목록을 담는다. 타이포그래피는 작은 산세리프 한 종으로 통일하고 그룹 라벨만 대문자 소자 크기로 눌러 위계를 만들며, 색은 무채색으로 유지한 채 활성 항목의 옅은 회색 배경과 하단 그라데이션 아바타만 강조로 남긴다. 네 번째 패널은 검색 입력에 커서가 들어간 상태로 목록 전체 명도를 낮춘 포커스 처리를 보여준다. 사이드바의 폭 변형과 상태 전환을 한 화면에서 대조할 수 있어 내비게이션 컴포넌트 설계 참고로 유용하다.
minimal · monochrome · light-mode · dark-mode
claude-opus-5 · 2026-09-07 05:18 · 신뢰도 0.92
