AI 분석
채팅과 미리보기를 좌우로 나눈 다크 모노스페이스 개발 콘솔의 앱 상세·환경설정 화면이다.
상단 글로벌 내비와 브레드크럼 아래로 화면을 좌측 채팅 패널과 우측 미리보기 패널로 나눈 스플릿 레이아웃이다. 거의 검정에 가까운 배경 위에 한 단계 밝은 회색 패널을 얹고 얇은 1px 구분선으로만 영역을 나눠 대비를 낮게 유지하며, 대문자 모노스페이스 라벨과 산세리프 본문을 역할별로 분리해 쓴다. 상태 배지, 오버플로 드롭다운, 환경 변수 입력 행이 늘어선 모달, 밝은 배경의 단일 강조 버튼이 핵심 컴포넌트이고 보라·초록 강조색은 배지와 아이콘에만 최소한으로 쓴다. 개발자 도구 성격의 고밀도 화면을 장식 없이 정리하는 방식과 모달 폼의 표 형태 구성을 참고하기 좋다.
dark-mode · minimal · techy · high-contrast
claude-opus-5 · 2026-09-07 15:42 · 신뢰도 0.93
