AI 분석
AI 워크플로 빌더 대시보드에서 사이드바 접기·리사이즈·워크스페이스 전환을 다크·라이트 모드로 보여주는 데모다.
왼쪽 사이드바가 섹션별 그룹 내비게이션을 담고, 오른쪽 본문에 온보딩 카드 3개, 지표 카드 3개, 실행 내역 표가 세로로 쌓인다. 거의 검은 차콜 배경에 회색 보더와 보라색 강조색을 쓰고, 같은 화면을 흰 배경 라이트 모드로도 보여준다. 사이드바 경계를 드래그하면 보라색 핸들이 나타나 너비가 바뀌고, 좁아지면 라벨이 말줄임 처리되며 워크스페이스 전환 드롭다운, 계정 메뉴의 다크 모드 토글, 전환 토스트가 이어진다. AI 모델 검색 화면은 중앙 검색 바와 카드 그리드로 구성된다. 사이드바 리사이즈 인터랙션과 다크·라이트 테마를 함께 설계할 때 참고하기 좋다.
minimal · dark-mode · light-mode · techy
claude-opus-5-5 · 2026-10-16 06:04 · 신뢰도 0.75
