채널 맞춤 카피는 같은 문장을 무작정 복제하지 않고 이메일, 숏폼 자막, 랜딩 제목의 맥락에 맞게 고칩니다. 핵심 약속은 유지하되 길이와 행동 요청을 조절합니다.
데모에서 하나의 메시지가 세 채널 카드로 갈라집니다. 형식만 바꾸는 것이 아니라 해당 채널에서 사용자가 다음에 할 일을 분명히 하세요.
언제 쓰나
한 캠페인을 여러 채널에 배포할 때 채널별 문구를 따로 검토하세요.
채널 맞춤 카피
Channel-native copy
같은 핵심 메시지를 채널의 읽는 방식에 맞게 다시 씁니다.
···
<div class="channels"><div class="idea">CORE: Find your notes faster</div><div class="cards"><div><small>EMAIL</small><b>Find the note you need this week</b><span>Open your board →</span></div><div><small>SHORT VIDEO</small><b>Where did that idea go?</b><span>See the 5-second demo →</span></div><div><small>LANDING</small><b>Every note, one search</b><span>Try a sample board →</span></div></div></div>.channels{width:93%;max-width:850px;font-family:sans-serif}.idea{text-align:center;color:var(--muted);font:850 clamp(10px,max(2vmin,1vw),17px) sans-serif}.cards{display:flex;gap:clamp(3px,1vmin,10px);margin-top:clamp(10px,2.5vmin,23px)}.cards div{flex:1;min-width:0;padding:clamp(7px,1.8vmin,17px);background:var(--surface);border-top:5px solid var(--accent);animation:drop 6s infinite}.cards div:nth-child(2){animation-delay:1s}.cards div:nth-child(3){animation-delay:2s}.cards small{display:block;color:var(--accent);font:900 clamp(10px,max(1.4vmin,1vw),12px) sans-serif;letter-spacing:.08em}.cards b{display:block;margin:.5em 0;font:850 clamp(10px,max(2.3vmin,1vw),22px)/1.12 sans-serif}.cards span{display:block;color:var(--muted);font:750 clamp(10px,max(1.7vmin,1vw),15px) sans-serif}@keyframes drop{0%,18%{opacity:.2;transform:translateY(-8px)}35%,85%{opacity:1;transform:none}100%{opacity:.2}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}document.querySelectorAll('.cards div').forEach(card => card.addEventListener('click', () => {
document.querySelectorAll('.cards div').forEach(item => {
item.style.animation = 'none'; item.style.opacity = item === card ? '1' : '.35'; item.style.transform = item === card ? 'translateY(-6px)' : 'none';
});
}));