AI 답장 작성 컴포넌트 — 흰 카드 입력 패널

2026-07-27 · 이미지 1

AI 분석

어두운 배경 위에 놓인 AI 답장 입력 카드 컴포넌트다.

짙은 회색 캔버스 위에 점선 가이드로 둘러싼 흰색 카드가 세로로 반복 배치된다. 카드 상단에는 스파클 아이콘과 플레이스홀더 문구가 들어간 단일 행 입력 필드가 있고 오른쪽에 보라색 원형 전송 버튼과 닫기 아이콘이 붙는다. 그 아래로 알약형 토글 칩과 스피너가 포함된 로딩 상태 칩, 회색 스켈레톤 바 두 줄이 이어져 응답 대기 상태를 표현한다. 무채색 표면에 단일 보라색 강조만 쓰는 방식과 로딩·빈 상태 처리가 AI 입력 컴포넌트 설계 참고로 유용하다.

minimal · high-contrast · techy · light-mode

ai-tool badge button card component design-system form high-contrast micro-interaction minimal progress search-bar

claude-opus-5 · 2026-09-08 00:26 · 신뢰도 0.90