신뢰 축적 콘텐츠는 브랜드의 자기 설명에 고객 경험, 전문가 검증, 실제 사용 근거를 더합니다. 독자가 중요하게 여기는 질문에 대해 여러 번 일관되게 증거를 제시하는 편집 방식입니다.
후기 한 건이나 신뢰 배지는 모든 고객의 판단을 대변하지 않습니다. 누구의 경험인지, 어떤 조건에서 확인됐는지 보여주고 새로운 근거에 따라 내용을 고치세요.
언제 쓰나
브랜드 주장만으로 설득하기 어려운 구매 질문에 답할 때 씁니다.
신뢰 축적 콘텐츠
Trust-building content
브랜드 주장에 제삼자 경험과 확인 가능한 증거를 꾸준히 쌓습니다.
···
<div class="trust-track"><div class="claim">BRAND CLAIM</div><div class="proof"><span>CUSTOMER</span><span>EXPERT</span><span>USE DATA</span></div><div class="meter"><i></i><b>CONFIDENCE</b></div></div>.trust-track{width:min(87%,580px);font:800 clamp(12px,3vmin,18px) var(--font-sans);display:grid;gap:clamp(7px,3vmin,18px)}.trust-track .claim{border:2px dashed var(--line);color:var(--muted);padding:clamp(6px,2vmin,12px);text-align:center}.trust-track .proof{display:flex;gap:clamp(3px,1.5vmin,9px)}.trust-track .proof span{flex:1;min-width:0;text-align:center;background:var(--surface);border:2px solid var(--fg);padding:clamp(8px,2vmin,14px) 2px;font-size:12px;animation:proof-light 4.5s infinite}.trust-track .proof span:nth-child(2){animation-delay:.5s}.trust-track .proof span:nth-child(3){animation-delay:1s}.trust-track .meter{position:relative;height:clamp(28px,8vmin,48px);border:2px solid var(--fg);background:var(--line);overflow:hidden}.trust-track .meter i{display:block;height:100%;width:80%;background:var(--accent-2);transform-origin:left;animation:confidence 4.5s infinite}.trust-track .meter b{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#211b19;font-size:12px}@keyframes proof-light{0%,12%{opacity:.45;transform:translateY(5px)}35%,85%{opacity:1;transform:none}100%{opacity:.45}}@keyframes confidence{0%,10%{transform:scaleX(.2)}55%,85%{transform:scaleX(1)}100%{transform:scaleX(.2)}}