AI 분석
요금제를 라디오 목록으로 고르고 선택한 항목만 기능 목록을 펼쳐 보이는 결제 선택 카드다.
화면 중앙에 단일 칼럼 카드 하나만 두고 나머지는 옅은 사선 텍스처와 점선 가이드 그리드로 비운 구성이다. 카드 안은 제목과 월간·연간 세그먼트 토글이 놓인 헤더, 세 개의 요금제 행, 안내 문구와 CTA가 있는 푸터로 나뉘며, 요금제 행은 라디오 선택형이고 선택된 항목만 아래로 펼쳐져 체크 목록을 보여 준다. 본문은 중성적인 산세리프, 가격 단위와 안내 문구는 자간을 넓힌 대문자 모노 계열로 대비를 만들고, 무채색 바탕에 주황을 선택 상태와 CTA에만 쓰며 체크 아이콘에는 녹색을 보조로 둔다. 같은 화면을 라이트와 다크로 나란히 제시해 배경·카드·테두리·강조색이 테마 전환에서 어떻게 재매핑되는지 비교할 수 있어, 요금제 선택 UI와 다크 모드 토큰 설계 레퍼런스로 쓰기 좋다.
minimal · light-mode · dark-mode · corporate
claude-opus-5 · 2026-09-07 18:10 · 신뢰도 0.93
