Brand trust proof

브랜드 신뢰 증거

Support a brand claim with actions and evidence people can inspect.

···
html
<div class="proof"><div class="claim">“YOU CAN RELY ON US”</div><div class="evidence"><span>PUBLIC POLICY</span><span>REAL EXPERIENCE</span><span>PEER VOICE</span></div><div class="bar"><i></i></div><small>CLAIM + CHECKABLE PROOF</small></div>
css
.proof{width:min(90%,520px);text-align:center;font:900 clamp(10px,max(1.6vmin,1vw),12px)/1 sans-serif}.claim{padding:clamp(12px,3vmin,25px);border:2px solid var(--fg);font-size:clamp(15px,4vmin,33px)}.evidence{display:flex;gap:clamp(3px,1vmin,8px);margin:clamp(7px,2vmin,17px) 0}.evidence span{flex:1;min-width:0;padding:clamp(6px,1.7vmin,14px) 2px;background:var(--surface);border:1px solid var(--accent);color:var(--accent);animation:proof 5s infinite}.evidence span:nth-child(2){animation-delay:.4s}.evidence span:nth-child(3){animation-delay:.8s}.bar{height:clamp(8px,2vmin,16px);background:var(--line)}.bar i{display:block;height:100%;background:var(--accent);transform-origin:left;animation:grow 5s infinite}.proof small{display:block;margin-top:7px;color:var(--muted);letter-spacing:.08em;font-size:clamp(10px,max(1.4vmin,1vw),12px)}@keyframes proof{0%,15%{opacity:.25;transform:translateY(8px)}35%,88%{opacity:1;transform:none}100%{opacity:.25}}@keyframes grow{0%,15%{transform:scaleX(.16)}52%,85%{transform:scaleX(1)}100%{transform:scaleX(.16)}}@media(min-width:700px){body>div{transform:scale(1.8)}}

A brand saying it is trustworthy differs from a customer seeing reasons to trust it. Edelman's 2026 report emphasizes validation through customers, peers and experience, beyond the brand's own message.

In the demo, a policy, an experience and an independent voice attach to a broad promise. In practice, check whether each claim has genuine supporting evidence.

The trust bar is illustrative. Reviews and certifications still require source, scope and recency checks.

When to use

Use before making broad trust, safety or quality claims in a campaign.

Open as page ↗