CTA

다른 서비스나 상담 페이지로 사람을 보내는 링크 단위. 놓는 자리와 크기가 정해져 있어 어느 앱에 붙여도 같은 모양으로 보인다.

CTA 알약

머리 오른쪽에 놓는 작은 링크. 읽는 흐름을 끊지 않는다.

CTA 단추

상담으로 넘어가는 금색 단추. 어느 앱에서나 같은 색이다.

CTA 카드

글이나 화면을 다 본 사람에게 다음 행동을 제안하는 끝 카드.

iframe 안: 그리지 않음

창 밖에서만

iframe 안에서는 감싼 CTA 를 그리지 않는 경계.

규격

단위	자리	크기	비고
CtaPill	머리 오른쪽 · 사이드바 아래	높이 28px	sm 미만에서 shortLabel · block 이면 폭을 채움
CtaButton	카드 안 · 단독	높이 38 · 32px	금색, --cta-action-* token
CtaCard stack	글·화면 끝	최대 폭 768px	sm 미만에서 shortDescription
CtaCard band	목록 끝 · 글 중간	최대 폭 960px	sm 미만에서 세로로 쌓임

링크 주소와 UTM 같은 추적 값은 앱이 정한다. 컴포넌트는 분석 이벤트를 보내지 않는다. 다른 사이트의 iframe(데모 모달, 웹 데스크톱 창) 안에서 숨길 CTA 는 TopLevelOnly 로 감싼다.