AI 분석
선택한 요금제만 혜택 목록을 펼치는 아코디언형 구독 플랜 선택 화면이다.
연회색 배경 위에 둥근 모서리 카드가 중앙에 떠 있고 그 안에 세 개의 요금제 행이 단일 칼럼으로 쌓인다. 헤더에 월간·연간 세그먼트 토글이 있고, 각 행은 라디오 컨트롤과 플랜명, 한 줄 설명, 우측 정렬 가격으로 구성되며 단위 표기는 자간 넓은 대문자 모노 스타일로 눌러 쓴다. 밝은 배경과 먹색 본문에 주황 하나만 강조색으로 써서 선택 행의 테두리와 라디오 체크, 하단 CTA를 묶고 혜택 목록은 초록 체크와 회색 소문자로 대비를 낮춘다. 선택을 옮기면 이전 카드가 접히고 새 카드가 높이를 늘리며 펼쳐지며, 항목 옆 정보 아이콘에 커서를 올리면 어두운 툴팁이 뜨는 마이크로 인터랙션이 담겨 있다. 여러 플랜을 나란히 비교하는 대신 한 번에 하나만 펼쳐 정보량을 통제하는 방식이라 좁은 폭의 결제·업그레이드 플로우 레퍼런스로 쓸 만하다.
minimal · light-mode · soft-gradient
claude-opus-5 · 2026-09-07 18:19 · 신뢰도 0.86