AI 분석
밝은 배경에 카드로 고립된 채팅 목록, 말풍선, 새 대화 모달 컴포넌트를 순차로 보여주는 모션이다.
흰 배경 위에 둥근 모서리와 옅은 테두리를 가진 단일 카드가 중앙에 놓이고 그 안에서 컴포넌트가 전환된다. 산세리프 본문에 굵은 제목을 얹은 라이트 모드 구성이며, 색은 흰색과 회색 뉴트럴을 기본으로 하고 발신 말풍선의 검정과 안 읽음 배지의 초록만 강조로 쓴다. 대화 목록은 아바타·이름·미리보기·시각·카운트 배지를 한 줄에 묶고, 말풍선 화면은 좌우 정렬과 타임스탬프·읽음 체크로 방향을 구분하며, 케밥 메뉴 드롭다운과 사용자 검색 모달, 입력 필드와 전송 버튼이 함께 제시된다. 채팅 UI를 낱개 컴포넌트로 쪼개 보여주므로 메시징 화면의 밀도와 상태 처리를 설계할 때 참고하기 좋다.
minimal · light-mode · high-contrast
claude-opus-5 · 2026-09-07 22:00 · 신뢰도 0.85
