AI 분석
동일한 사이드바 내비를 라이트·다크와 축소·확장 상태로 나란히 비교한 컴포넌트 시안이다.
같은 사이드바 내비게이션을 아이콘만 남긴 축소형과 라벨이 붙은 확장형으로, 다시 라이트와 다크 테마로 나눠 네 개의 세로 패널을 나란히 배치한다. 확장형 상단에는 브랜드 마크와 검색 필드, 패널 토글 버튼이 한 줄로 놓이고 그 아래 여덟 개의 메뉴 항목이 균일한 간격으로 이어지며 현재 항목만 옅은 배경 알약으로 강조된다. 하단에는 썸네일이 들어간 업그레이드 프로모션 카드와 아바타·직함·링크·위치를 담은 프로필 카드가 쌓이고, 축소형에서는 이 영역이 아이콘 버튼 두 개로 압축된다. 라운드 코너와 선형 아이콘, 중립 회색 위주 팔레트를 유지한 채 테마와 상태만 바꾼 구성이라 사이드바 상태 전환 규칙을 설계할 때 참고하기 좋다.
minimal · light-mode · dark-mode · corporate
claude-opus-5 · 2026-09-07 21:13 · 신뢰도 0.93
