AI 분석
동일한 앱 사이드바를 라이트·다크 테마와 확장·축소 상태로 나란히 보여주는 컴포넌트 시안이다.
어두운 캔버스 위에 둥근 모서리의 세로 사이드바 네 개가 라이트 확장, 라이트 축소, 다크 확장, 다크 축소 순서로 나란히 놓여 있다. 상단 워크스페이스 스위처와 단축키 힌트가 붙은 검색 필드, 중간의 주요 내비게이션 목록, 하위 메뉴를 암시하는 오른쪽 화살표, 접을 수 있는 즐겨찾기 섹션, 하단 사용자 프로필과 등급 배지가 위에서 아래로 이어지는 구조다. 회색조 뉴트럴과 얇은 선형 아이콘을 기본으로 쓰고 활성 항목에만 연보라 배경과 글자색을 주며, 즐겨찾기 항목은 각기 다른 그라데이션 원형 아바타로 구분한다. 같은 구조를 테마와 폭 상태별로 대조해 두어 사이드바 상태 설계와 축소 시 아이콘 전용 대응을 참고하기에 좋다.
minimal · dark-mode · light-mode · techy
claude-opus-5 · 2026-09-07 21:19 · 신뢰도 0.94
