AI 보조 카피

AI-assisted copywriting

AI 초안을 여러 개 만든 뒤 사람이 사실과 관점을 고릅니다.

···
html
<div class="studio"><div class="brief"><small>BRIEF</small>Help teams find notes</div><div class="drafts"><div>Organize everything</div><div>Never lose an idea</div><div>Find the right note fast</div></div><div class="pick">EDITOR PICK <b>Find the right note fast →</b></div></div>
css
.studio{width:90%;max-width:800px;font-family:sans-serif}.brief,.pick{padding:clamp(7px,1.8vmin,15px);font:750 clamp(10px,max(2.3vmin,1vw),20px) sans-serif}.brief{border:2px solid var(--line);background:var(--surface)}small{margin-right:1em;color:var(--muted);font:900 clamp(10px,max(1.5vmin,1vw),12px) sans-serif}.drafts{display:flex;gap:clamp(4px,1vmin,10px);margin:clamp(7px,2vmin,18px) 0}.drafts div{flex:1;min-width:0;padding:clamp(7px,1.8vmin,16px);background:var(--surface);border:1px solid var(--line);font:700 clamp(10px,max(2vmin,1vw),18px)/1.15 sans-serif;animation:draft 6s infinite}.drafts div:nth-child(2){animation-delay:.4s}.drafts div:nth-child(3){animation-delay:.8s}.pick{background:var(--accent);color:white;animation:select 6s infinite}.pick b{display:block;margin-top:.3em;font:900 clamp(12px,3vmin,27px) sans-serif}@keyframes draft{0%,18%{opacity:.25;transform:translateY(-5px)}35%,85%{opacity:1;transform:none}100%{opacity:.25}}@keyframes select{0%,15%{opacity:.3;transform:scale(.96)}28%,88%{opacity:1;transform:none}100%{opacity:.3}}@media(min-width:700px){body > *{transform:scale(1.4)}.lines p,.branches div,.cards div{cursor:pointer}}

AI 보조 카피는 브리프에서 여러 초안을 빠르게 탐색하고, 작성자가 브랜드 관점과 사실에 맞게 고르는 작업입니다. 생성된 문장을 그대로 게시하는 과정이 아닙니다.

데모에서는 브리프가 세 초안으로 갈라지고 편집자가 하나를 선택합니다. 근거 없는 수치와 제품이 제공하지 않는 약속은 최종 문장에서 제거해야 합니다.

언제 쓰나

캠페인 초안의 각도를 빠르게 비교할 때 쓰고 최종 검토 책임자는 정하세요.

페이지로 열기 ↗