AI 분석
클릭하면 알림 신청 알약형 버튼이 가로로 늘어나 이메일 입력 필드로 변하는 마이크로 인터랙션이다.
흰 배경 중앙에 종 아이콘과 라벨을 담은 연회색 알약형 버튼 하나만 놓인 단일 컴포넌트 구성이다. 검정 산세리프 라벨과 연회색 면, 흰색 서브 버튼의 옅은 그림자만으로 위계를 만든 무채색 팔레트다. 버튼을 누르면 컨테이너가 좌우로 늘어나며 왼쪽에 커서가 깜박이는 이메일 입력 필드가 나타나고, 라벨은 오른쪽의 흰색 제출 버튼으로 옮겨가며 종 아이콘은 사라진다. 이후 블러와 함께 원래 버튼 크기로 줄어드는 역방향 전환도 보여 준다. 대기자 명단이나 알림 신청 CTA를 한 요소 안에서 단계적으로 펼치는 패턴의 참고로 유용하다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-16 17:56 · 신뢰도 0.75