사회적 증거 카피는 다른 고객의 실제 사용 경험을 통해 제안의 불확실성을 줄입니다. 이름이나 후기 숫자를 꾸며내면 신뢰를 잃습니다.
데모는 '모두 좋아한다'는 주장과 맥락 있는 사용자 발언을 번갈아 보여줍니다. 인용 허락, 출처, 사용 장면을 함께 확인하세요.
언제 쓰나
고객 후기, 사례 소개, 신청 버튼 주변에 배치하세요.
사회적 증거 카피
Social-proof copy
막연한 인기 주장 대신 확인 가능한 사용자 경험을 전합니다.
···
<div class="quote"><div class="vague">EVERYONE LOVES IT</div><div class="real"><small>SPECIFIC EXPERIENCE</small><p>“We found each follow-up in one view.”</p><span>Team interview · fictional example</span></div><div class="meter"><i></i></div></div>.quote{width:86%;max-width:650px;font-family:sans-serif}.vague{color:var(--muted);font:850 clamp(11px,max(2.5vmin,1vw),24px) sans-serif;text-decoration:line-through;animation:dim 5s infinite}.real{margin-top:clamp(6px,1.8vmin,16px);padding:clamp(10px,2.4vmin,22px);border-left:5px solid var(--accent);background:var(--surface);animation:reveal 5s infinite}.real small{font:900 clamp(10px,max(1.4vmin,1vw),12px) sans-serif;color:var(--accent);letter-spacing:.1em}.real p{margin:.5em 0;font:850 clamp(13px,3.4vmin,32px)/1.1 sans-serif}.real span{font:600 clamp(10px,max(1.5vmin,1vw),13px) sans-serif;color:var(--muted)}.meter{height:5px;margin-top:clamp(8px,2vmin,16px);background:var(--line)}.meter i{display:block;height:100%;background:var(--accent);animation:fill 5s infinite}@keyframes dim{0%,25%{opacity:1}45%,85%{opacity:.35}100%{opacity:1}}@keyframes reveal{0%,25%{opacity:.25;transform:translateY(6px)}45%,85%{opacity:1;transform:none}100%{opacity:.25;transform:translateY(6px)}}@keyframes fill{0%,25%{width:22%}45%,85%{width:82%}100%{width:22%}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}