AI 분석
세 개 요금제를 라디오 카드로 고르고 월·연 결제 토글로 가격이 바뀌는 컴포넌트 인터랙션이다.
둥근 흰 카드 안에 상단 세그먼트 토글, 세로로 쌓인 세 개의 요금제 행, 하단의 넓은 검정 CTA 버튼이 단일 칼럼으로 배치된다. 연회색 배경과 흰 표면, 검정 텍스트 위주의 모노크롬 구성에 인기 플랜 배지만 연노랑으로 강조하며, 가격은 굵은 숫자와 회색 단위 표기로 위계를 나눈다. 선택한 행으로 검정 테두리와 체크 아이콘이 미끄러지듯 이동하고, 연간 토글로 전환하면 가격 숫자가 롤링 애니메이션으로 바뀐다. 요금제 선택 UI의 선택 상태 전환과 숫자 전환 마이크로 인터랙션을 설계할 때 참고하기 좋다.
minimal · light-mode · monochrome
claude-opus-5-5 · 2026-10-21 16:20 · 신뢰도 0.80
