AI 분석
아이콘 레일과 펼친 패널, 라이트·다크 테마를 나란히 보여주는 접이식 사이드바 내비게이션이다.
화면 밖으로 떠 있는 둥근 모서리 패널 형태의 사이드바를 접힌 아이콘 레일과 펼친 상태로 나란히 배치해 비교한다. 상단에 브랜드 마크와 검색 필드, 패널 토글 버튼을 한 줄로 묶고 그 아래 아이콘과 라벨로 된 내비 목록을 두며, 활성 항목은 옅은 면 채움과 굵은 라벨로만 구분해 대비를 낮춘다. 하단은 그라데이션 썸네일이 들어간 업셀 카드와 프로필 카드로 고정되고, 프로필 카드에는 그라데이션 아바타, 인증 배지, 두 개의 아웃라인 버튼이 들어간다. 접힌 레일에는 호버 툴팁이 붙고 같은 구조가 라이트·다크 두 테마로 대칭 제공되어, 상태 전환과 테마 토큰을 함께 설계해야 하는 내비게이션 컴포넌트 레퍼런스로 쓰기 좋다.
minimal · light-mode · dark-mode
claude-opus-5 · 2026-09-07 16:10 · 신뢰도 0.93
