이 페이지는 디자인 설명이 아니라 실제로 눌릴 것처럼 보이는지를 시험한다.

CTA 미리보기

자세히 보기
14일 무료 체험 시작
레이아웃 폭 확인
렌더링 섹션으로 이동

버튼과 입력

카드 샘플

배지와 상태

상태 예시 확인
primary <span>Primary</span> 강조가 지나치게 강하지 않은가
secondary <span>Secondary</span> 보조 정보와 구분되는가
warning <span>Warning</span> 경고 배경이 본문을 압도하지 않는가
danger <span>Danger</span> 위험 신호가 지나치게 공격적이지 않은가

확인 포인트

  • 버튼과 CTA 가 같은 키높이와 라운드를 공유하는가
  • 카드 배경과 본문 배경이 같은 색으로 뭉개지지 않는가
  • 입력 요소의 포커스 링이 중앙 토큰과 일치하는가