AI 분석
AI 채팅 입력 컴포넌트의 기본 상태와 포커스 상태를 라이트·다크 모드로 나란히 제시한 시안이다.
옅은 격자 가이드가 깔린 캔버스 중앙에 동일한 입력 컴포넌트를 위아래로 두 개 배치해 상태 차이를 대조한다. 넓은 라운드 사각형의 텍스트 영역 아래에 모델 선택 칩과 아이콘 버튼 묶음, 우측 보조 액션을 담은 하단 툴바가 별도 층으로 붙어 계단식 카드 구조를 만든다. 위쪽은 플레이스홀더만 있는 대기 상태로 어두운 원형 전송 버튼에 파형 아이콘이 들어가고, 아래쪽은 입력 중 상태로 커서와 화살표 전송 아이콘이 나타나며 카드 테두리에 보라에서 분홍으로 흐르는 그라데이션 글로우와 상단 공지 스트립이 더해진다. 첨부·음성·검색 아이콘은 모두 얇은 선형으로 통일했고 타이포는 산세리프에 공지 문구만 모노스페이스를 섞었다. 같은 구조를 두 테마로 대응시키고 상태 변화를 테두리와 버튼 대비만으로 표현해 AI 입력 UI의 상태 설계 참고로 유용하다.
minimal · dark-mode · light-mode · soft-gradient · high-contrast
claude-opus-5 · 2026-09-07 18:29 · 신뢰도 0.93
