AI 분석
사이드바와 3단계 스테퍼로 에이전트 프레임워크를 고르는 다크 모드 설정 화면이다.
왼쪽에 Monitor·Govern·Prove 그룹으로 나뉜 사이드바가 있고, 오른쪽 본문에는 브레드크럼 헤더와 세그먼트 탭, 번호형 스테퍼, 2열 선택 카드 그리드가 순서대로 쌓인다. 거의 검정에 가까운 차콜 배경에 회색 계열 면을 단계적으로 겹치고, 강조색은 바이올렛 하나로 통일해 선택 카드 테두리·스텝 배지·로고에만 쓴다. 섹션 라벨에는 모노스페이스체를, 본문에는 깔끔한 산세리프를 써서 위계를 구분한다. 각 선택 카드는 프레임워크별 색을 입힌 이니셜 타일, 보조 설명, RECOMMENDED·NEW 배지를 갖추고 있다. 다크 테마에서 레이어 간 명도 차이와 단일 강조색 운용, 온보딩 마법사 구성을 참고하기 좋다.
dark-mode · minimal · techy
claude-opus-5-5 · 2026-10-16 05:56 · 신뢰도 0.92