AI 분석
우측에서 열리는 흰색 드로어에 셀렉트·토글·검증 오류를 갖춘 설정 폼을 담은 화면이다.
어두운 배경 위 회색 캔버스 오른쪽에 흰색 드로어가 겹쳐 열리고, 제목과 닫기 버튼이 있는 헤더와 스크롤 본문, 액션이 고정된 푸터로 3단 구조를 이룬다. 배경은 무채색으로 눌러두고 파란색 하나만 정보 배너·활성 토글·기본 버튼에 강조색으로 쓰며, 산세리프 텍스트는 라벨과 플레이스홀더의 명도 차이로 위계를 만든다. 드롭다운, 스위치, 금액 입력, 회색 카드로 묶인 상호배타 옵션 그룹과 빨간 인라인 오류 메시지가 핵심 컴포넌트이며, 푸터에는 닫기·기본값 복원·적용 세 단계 액션이 배치된다. 두 번째 이미지는 같은 화면의 상단을 크게 확대해 라운드 코너, 여백, 토글과 입력 필드의 디테일을 보여준다. 설정 드로어의 밀도, 폼 그룹핑, 오류 표시 패턴 참고로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 22:35 · 신뢰도 0.92
