dev 전용 프리뷰. 색·간격은 모두 시맨틱 토큰. [data-theme] 전환 시 자동 반응.

CTAButton

기본 — primary + secondary (Hero/Contact 의무 조합)
모바일 폭 — w-full md:w-auto

hover·focus-visible(Tab)·active(클릭)는 직접 조작해 확인.

ContactCtaBlock

주문부터 디자인·인쇄·후가공·배송까지 전 공정을 한 시스템에서 자동화하는 매우 긴 한국어 라벨 레이아웃 깨짐 점검용

포토카드 마퀴 배경과 중앙 CTA 가독성 점검.

hover·focus-visible(Tab)·active(클릭)는 CTAButton 상태와 동일하게 확인.

SectionHeader

title + subline (left)

주문부터 납품까지, 한 시스템에서

제조 설비와 자체 자동주문 솔루션을 한 회사가 운영합니다.

title only (subline 없음 — empty slot)

자체 설비, 전 공정

긴 한국어 title (center)

주문부터 디자인·인쇄·후가공·배송까지 전 공정을 한 시스템에서 자동화하는 매우 긴 한국어 라벨 레이아웃 깨짐 점검용

긴 제목·정렬·max-w 조합에서 레이아웃이 유지되는지 확인.