AI 분석
구독 버튼이 입력창을 덮으며 진행 막대와 체크 아이콘으로 모핑하는 마이크로 인터랙션이다.
흰 배경 중앙에 알약형 이메일 입력창과 어두운 구독 버튼이 하나로 붙은 단일 컴포넌트가 놓인다. 입력창은 흰색에 옅은 그림자를, 버튼은 광택 있는 차콜 그라데이션과 은은한 보라 반사광을 써서 촉감 있는 대비를 만든다. 버튼을 누르면 입력창이 사라지고 버튼이 가운데로 줄어들며 내부에 진행 막대가 채워진 뒤, 원형 체크 아이콘으로 수축했다가 다시 원래 입력창으로 복귀한다. 폼 제출의 로딩·성공 상태를 한 요소의 형태 변화로 전달하는 방식을 참고하기에 유용하다.
minimal · light-mode · skeuomorphic
claude-opus-5-5 · 2026-10-21 16:24 · 신뢰도 0.80