AI 분석
알약형 Sign In 버튼이 소셜 로그인과 이메일 입력을 담은 카드로 모핑되는 인터랙션이다.
흰 배경 중앙에 연보라 회색의 알약형 Sign In 버튼 하나만 놓인 단일 칼럼 구성이다. 클릭하면 버튼이 블러와 페이드를 거치며 모서리가 둥근 카드로 확장되고, 반대로 닫힐 때는 다시 알약 형태로 수축한다. 펼쳐진 카드에는 헤더와 닫기 아이콘, Google·Apple 소셜 로그인 버튼, Or 구분선, 이메일 입력 필드, 검은색 Continue 주 버튼이 세로로 쌓인다. 산세리프 서체와 무채색 위주의 절제된 색에 검은 CTA 하나만 강조해 위계가 분명하다. 트리거 요소가 그대로 패널로 변하는 디스클로저 모션과 인증 폼 구성의 참고로 유용하다.
minimal · light-mode
claude-opus-5-5 · 2026-10-21 16:23 · 신뢰도 0.75