AI 분석
동일한 사이드바 내비게이션을 다크 레일과 라이트 펼침 상태로 나눠 보여주는 컴포넌트 시안이다.
밝은 회색 배경 위에 세로로 긴 사이드바 패널 네 개를 나란히 놓아 상태별 변형을 비교한다. 왼쪽 둘은 아이콘만 남긴 좁은 레일이고 오른쪽 둘은 검색 필드와 섹션 라벨, 메뉴 항목이 드러난 펼침 상태다. 라벨은 대문자 스몰캡의 회색 섹션 헤더와 중간 굵기 본문으로 위계를 나누고, 색은 흑백 뉴트럴에 은은한 그라데이션 아바타 한 점만 강조로 쓴다. 선택 항목은 옅은 회색 라운드 배경으로만 표시하고 아이콘은 얇은 선 두께로 통일해 절제된 인상을 만든다. 네 번째 패널은 항목이 흐리게 처리된 비활성·로딩 상태로, 같은 컴포넌트의 상태 설계를 함께 정리한 점이 참고할 만하다.
minimal · monochrome · light-mode · corporate
claude-opus-5 · 2026-09-07 05:30 · 신뢰도 0.92
