AI 분석
생산성 SaaS용 다크 사이드바를 확장, 아이콘 전용, 이중 레일 상태로 나열한 컴포넌트 시트다.
짙은 회흑색 배경 위에 같은 사이드바의 다섯 가지 너비 변형을 나란히 배치한 컴포넌트 시트다. 13px 안팎의 작은 산세리프 텍스트와 얇은 선형 아이콘을 쓰고, 텍스트는 밝은 회색, 섹션 라벨과 카운트 배지는 더 어두운 회색으로 낮춰 3단계 위계를 만든다. 커맨드 검색 필드, 홈·수신함·내 작업 같은 1차 메뉴, 접히는 WORKSPACE·PROJECTS 그룹, 컬러 앱 아이콘이 붙은 프로젝트 트리, 하단의 설정·계정 유틸리티와 업그레이드 카드가 구성 요소다. 폭이 줄어들 때 라벨과 배지가 사라지고 아이콘 레일만 남는 방식이 단계별로 보여서 반응형 내비게이션의 축소 규칙을 설계할 때 참고하기 좋다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-22 08:12 · 신뢰도 0.92
