AI 분석
아이콘 레일과 목록 패널을 겹친 이중 사이드바의 확장·축소 상태를 나란히 보여주는 컴포넌트 시안이다.
좁은 아이콘 레일과 넓은 목록 패널을 붙인 이중 사이드바를 네 가지 상태로 나란히 배치한 컴포넌트 시안이다. 밝은 회색 배경 위에 흰 패널을 올리고 얇은 1px 구분선과 넉넉한 행 높이로 밀도를 조절했으며, 라벨은 중간 굵기 산세리프 검정 텍스트, 카운트 배지는 밑줄 친 회색 숫자로 위계를 낮췄다. 커맨드 검색 필드, 접히는 WORKSPACE·PROJECTS 섹션, 선택 행의 연회색 하이라이트, 호버 시 나타나는 플러스 버튼, 프로젝트마다 다른 색의 스퀘어클 아이콘, 하단 업그레이드 카드와 영상 썸네일이 구성 요소다. 사이드바 축소 로직과 아이콘 전용 상태를 어떻게 대응시킬지 설계할 때 참고하기 좋다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 22:15 · 신뢰도 0.93
