AI 분석
아이콘 레일과 내비 패널을 결합한 사이드바의 확장·축소 상태를 여섯 단계로 늘어놓은 라이트 모드 UI 스터디다.
밝은 회색 배경 위에 흰색 사이드바 패널 여섯 개를 나란히 배치해 같은 내비게이션의 상태 변화를 비교하도록 구성했다. 각 패널은 좌측의 좁은 아이콘 레일과 우측의 라벨 내비 영역으로 나뉘며, 오른쪽으로 갈수록 프로젝트 트리가 펼쳐지거나 반대로 레일만 남기고 접히는 순서로 이어진다. 타이포그래피는 작은 산세리프 한 종에 회색 계열 위계만으로 정돈했고, 색은 무채색을 기본으로 두고 브랜드 마크와 프로젝트 아이콘에만 보라·초록·주황 같은 채도 높은 색을 점처럼 쓴다. 커맨드 검색 필드, 밑줄 처리한 카운트 배지, 접이식 섹션 헤더, 하단의 영상 썸네일 카드와 검은색 업그레이드 버튼이 주요 컴포넌트다. 사이드바 축소 단계와 밀도 조절을 어떻게 설계할지 정리한 레퍼런스로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 05:17 · 신뢰도 0.92
