Authenticity cues

진정성 단서

Inspectable quality, process, and context can carry more trust than vague promises.

···
html
<div class="auth"><div class="stamp" id="stamp">VAGUE</div><div class="paper"><b id="headline">PREMIUM QUALITY</b><div class="details"><span id="line1">What does it mean?</span><span id="line2">No method shown</span></div></div><div class="footer">CLAIM → INSPECTABLE DETAIL</div></div>
css
@media(min-width:700px){body>div{transform:scale(1.45)}}.auth{position:relative;width:min(86%,520px);font:800 clamp(10px,max(1.8vmin,1vw),13px)/1.15 sans-serif}.stamp{position:absolute;right:-8px;top:-12px;z-index:1;transform:rotate(8deg);background:var(--accent);color:white;padding:6px 10px;font-size:clamp(10px,max(1.8vmin,1vw),14px)}.paper{background:var(--surface);border:2px solid var(--fg);padding:clamp(13px,4vmin,30px);min-height:clamp(100px,29vmin,220px)}.paper b{display:block;font-size:clamp(17px,5vmin,43px);line-height:1;letter-spacing:-.04em}.details{display:grid;gap:clamp(5px,1.5vmin,13px);margin-top:clamp(10px,3vmin,22px);color:var(--muted)}.details span{border-left:4px solid var(--accent-2);padding-left:7px}.footer{margin-top:10px;color:var(--accent);letter-spacing:.08em}
js
const headline=document.querySelector('#headline');const first=document.querySelector('#line1');const second=document.querySelector('#line2');const stamp=document.querySelector('#stamp');let clear=false;function flip(){clear=!clear;headline.textContent=clear?'TESTED FOR DAILY USE':'PREMIUM QUALITY';first.textContent=clear?'Use: 30-day field trial':'What does it mean?';second.textContent=clear?'Method + limits available':'No method shown';stamp.textContent=clear?'SPECIFIC':'VAGUE'}setTimeout(flip,550);setInterval(flip,1900);

Authenticity cues are details that help a buyer judge whether a product's quality and a brand's claims match reality. BCG's 2026 consumer analysis treats quality, authenticity, and transparency as powerful trust signals beyond awareness alone.

The demo replaces an abstract quality slogan with a card showing usage context, method, and conditions. Its check mark means the information is inspectable, not that the product has been certified.

Do not generalize one anecdote to every customer. Show the limits of evidence and remove claims that cannot be checked.

When to use

Use it to replace broad quality claims with specific use and verification details.

Open as page ↗