CTA 숏코드

CTA는 행동을 한 번에 이해시키는 장치다.
이 페이지는 kind 와 링크 속성 조합이 실제 프런트엔드에서 어떻게 다른 모습으로 나타나는지 확인한다.

종류별 갤러리

기본형

보조형

외부 링크형

유틸리티형

관련 글형

상담형

다운로드형

프레임 포함

실전 배치

작성 기준

• CTA는 문장형 설명보다 행동을 먼저 드러낸다.
• note 는 보조 정보만 담고, 본문과 경쟁하지 않는다.
• 외부 링크는 새 창 여부와 보안 속성을 함께 점검한다.
• ref 기반 연결은 내부 페이지 탐색에, href 는 외부로 나갈 때 쓰는 편이 안전하다.

읽기 확인

• 카드 내부에서 CTA가 너무 넓게 퍼지지 않는가
• primary, secondary, utility의 시각적 우선순위가 유지되는가
• block shortcode가 본문 폭 안에서 안정적으로 정렬되는가