근거 우선 카피

Proof-led copy

강한 주장보다 확인 가능한 사용 장면과 출처를 앞세웁니다.

···
html
<div class="evidence"><div class="claim">THE BEST TOOL FOR EVERYONE</div><div class="source"><small>OBSERVED USE</small><b>Find follow-ups in one shared view</b><span>Show a real workflow and cite the source</span></div><div class="bar"><i></i></div></div>
css
.evidence{width:84%;max-width:640px;font-family:sans-serif}.claim{font:900 clamp(11px,max(2.5vmin,1vw),22px) sans-serif;color:var(--muted);text-decoration:line-through;animation:retire 5s infinite}.source{margin-top:clamp(8px,2vmin,20px);padding:clamp(10px,2.4vmin,22px);border:2px solid var(--accent);background:var(--surface);animation:open 5s infinite}.source small{display:block;font:900 clamp(10px,max(1.4vmin,1vw),12px) sans-serif;color:var(--accent);letter-spacing:.1em}.source b{display:block;margin:.4em 0;font:900 clamp(13px,3.3vmin,30px)/1.1 sans-serif}.source span{font:650 clamp(10px,max(1.7vmin,1vw),14px) sans-serif;color:var(--muted)}.bar{height:5px;margin-top:clamp(7px,2vmin,16px);background:var(--line)}.bar i{display:block;height:100%;background:var(--accent);animation:gain 5s infinite}@keyframes retire{0%,25%{opacity:1}45%,85%{opacity:.25}100%{opacity:1}}@keyframes open{0%,25%{opacity:.25;transform:scale(.96)}45%,85%{opacity:1;transform:none}100%{opacity:.25;transform:scale(.96)}}@keyframes gain{0%,25%{width:18%}45%,85%{width:88%}100%{width:18%}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}

근거 우선 카피는 '최고' 같은 추상적인 표현보다 고객이 확인할 수 있는 사실을 앞에 둡니다. 댓글이나 실제 사용 경험이 구매 판단의 단서가 되는 환경에서 유용합니다.

데모는 과장된 주장 카드를 걷어내고 사용 장면과 출처가 있는 카드를 펼칩니다. 가상 데모 문장은 실제 후기처럼 게시해서는 안 됩니다.

언제 쓰나

신뢰가 중요한 랜딩 문구나 후기 인용을 만들 때 사용하세요.

페이지로 열기 ↗