AI 분석
브랜드별·활성 상태별로 나열한 다크 모드 사이드바 내비게이션 컴포넌트 변형 캔버스다.
거의 검정에 가까운 캔버스 위에 사이드바 내비게이션 프레임을 가로로 늘어놓아 활성 항목이 위에서 아래로 한 칸씩 이동하는 상태 변형 세트를 만든다. 각 사이드바는 상단 로고와 접기 아이콘, 아이콘과 라벨이 붙은 메뉴 항목, 하단의 플랜 배지와 계정 행, 로그아웃 아이콘으로 구성된 세 구간 구조다. 활성 항목만 보라에서 파랑으로 흐르는 그라데이션 알약 배경과 채워진 아이콘으로 강조하고 나머지는 낮은 명도의 회색 라벨로 눌러 대비를 만든다. 같은 골격을 유지한 채 로고와 강조색만 바꾼 브랜드 변형과 아이콘만 남긴 축소 레일 변형이 함께 놓여 있다. 다크 UI에서 내비게이션 상태와 변형을 어떻게 체계적으로 문서화하는지 보여주는 참고 자료로 유용하다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-08 00:41 · 신뢰도 0.88
