AI 분석
다크 톤 3분할 레이아웃에 에이전트 목록과 설정 폼을 배치한 개발자 도구 대시보드다.
좌측 아이콘 레일과 그룹형 사이드바, 중앙 에이전트 리스트, 우측 설정 패널로 이어지는 3분할 구조다. 거의 검정에 가까운 배경 위에 흐린 오렌지 그라데이션 조명을 배경 레이어로 깔고 강조색도 오렌지 하나로 통일했으며, 산세리프 본문과 낮은 대비의 보조 설명 텍스트로 위계를 만든다. 검색 필드와 단축키 배지, 온보딩 진행 배지, 아이콘이 붙은 리스트 카드, 드롭다운·슬라이더·점선 테두리 프롬프트 박스가 핵심 컴포넌트이며 하단 저장 버튼이 고정된다. 동영상에서는 배경 조명이 천천히 흐르고 사이드바 폭이 미세하게 늘어나는 정도의 절제된 모션만 보인다. 설정 화면의 밀도 조절과 다크 UI에서의 단일 강조색 운용을 참고하기에 좋다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 23:51 · 신뢰도 0.85
