AI 분석
CRM 앱 사이드바를 아이콘 레일, 확장형, 트리 서브패널 등 네 가지 상태로 나란히 보여주는 컴포넌트 시트다.
사선 패턴 배경의 캔버스에 플로팅 아이콘 레일, 라벨이 있는 확장형 사이드바, 아이콘 레일과 트리 서브패널을 결합한 이중 패널, 하단 유틸리티를 갖춘 축소형 레일을 나란히 배치했다. 흰 카드 표면과 연회색 선택 하이라이트, 얇은 라인 아이콘, 산세리프 텍스트로 절제된 라이트 모드 톤을 만들고 알림 배지의 빨강과 사용량 진행 바의 초록만 강조색으로 쓴다. 검색 입력의 단축키 키캡, 접히는 하위 메뉴와 세로 가이드 라인, 크레딧 사용량 카드, 계정 카드에서 열리는 다크 모드 토글과 로그아웃 메뉴 팝오버가 눈에 띈다. 영상은 호버 하이라이트, 섹션 펼침·접힘, 레일 아이콘 선택에 따른 서브패널 내용 전환을 보여준다. SaaS 내비게이션의 상태별 변형과 계층 구조 설계를 참고하기에 유용하다.
minimal · light-mode · corporate
claude-opus-5-5 · 2026-10-16 05:59 · 신뢰도 0.80
