AI 분석
동일한 요금제 카드에서 CTA 버튼 위치만 바꿔 비교한 컴포넌트 시안이다.
밝은 회색 배경 위에 흰색 라운드 카드 두 장을 좌우로 나란히 놓고 상단에 굵은 비교 질문을 배치한 단순한 대칭 구조다. 산세리프 타이포그래피로 요금 숫자를 가장 크게 키우고 설명 문구는 회색 저대비로 눌러 위계를 만들며, 보라색 POPULAR 배지와 그라데이션 처리된 플랜 이름이 유일한 강조색으로 쓰인다. A안은 가격 바로 아래에 검은 CTA 버튼을 두고 기능 목록을 그 뒤에 두었고, B안은 구분선 아래 기능 목록을 먼저 보여준 뒤 카드 하단에 CTA를 고정해 두 가지 읽기 순서를 대비시킨다. 하단의 A·B 원형 라벨이 비교 대상을 명확히 구분한다. 요금제 카드의 CTA 배치와 정보 순서를 결정할 때 참고하기 좋은 컴포넌트 레퍼런스다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 22:53 · 신뢰도 0.94
