AI 분석
같은 사이드바를 라이트·다크·접힘 상태로 펼쳐 비교하는 SaaS 내비게이션 탐색 모음이다.
첫 장은 동일한 사이드바를 확장 라이트, 아이콘 전용 레일, 카드형 라이트, 다크 네 가지 상태로 나란히 배치해 상태 변화를 직접 비교하게 만든다. 나머지 세 장은 실제 앱 화면 속에서 사이드바가 데이터 테이블·통계 카드 영역과 어떻게 붙는지를 확대해 보여 준다. 거의 무채색 팔레트에 흰색 패널과 옅은 회색 배경을 쓰고, 산세리프 본문에 대문자 없는 소형 회색 섹션 라벨로 그룹을 나누며, 강조는 붉은 카운트 배지와 얇은 선형 아이콘에만 제한한다. 접히는 하위 메뉴, 활성 항목의 채움 블록, 상단 브랜드 헤더, 하단 고정 설정·프로필 영역, 일정 알림 카드처럼 사이드바 한 벌을 구성하는 요소가 모두 드러나 내비게이션 컴포넌트를 설계할 때 상태·밀도·계층 기준을 잡는 레퍼런스로 쓸 만하다.
minimal · light-mode · dark-mode · monochrome · high-contrast
claude-opus-5 · 2026-09-07 15:48 · 신뢰도 0.92
