크리에이터 브리프는 협업의 목표, 대상, 검증된 제품 정보, 광고 표시와 사용 범위를 전달하는 문서입니다. 대본을 대신 써주는 문서는 아닙니다.
데모는 고정된 사실 영역에서 여러 표현 카드가 나오는 모습을 보여줍니다. 금지 표현은 구체적인 예시로 적어 오해를 줄입니다.
검수 단계와 수정 횟수를 뒤늦게 정하면 제작이 지연됩니다. 시작 전에 합의하세요.
언제 쓰나
외부 제작자에게 제품 소개나 체험 영상을 맡길 때 씁니다.
꼭 지켜야 할 사실과 자유롭게 표현할 부분을 구분합니다.
<div class="s-demo"><div class="cb"><div class="cb-fixed"><small>FIXED FACT</small><strong>FOLDS FLAT</strong></div><div class="cb-arrows">↙ <span>↓</span> ↘</div><div class="cb-voices"><div>SHOW IT</div><div>TEST IT</div><div>EXPLAIN IT</div></div></div></div>.s-demo{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(8px,3vmin,20px);font:700 clamp(10px,max(2.8vmin,1vw),16px)/1.25 sans-serif;color:var(--fg)}.s-demo *{box-sizing:border-box}@media(min-width:600px){.s-demo>div{transform:scale(1.4)}}.cb{width:min(92vw,610px);text-align:center}.cb-fixed{display:inline-grid;gap:2px;padding:clamp(7px,2.3vmin,16px) clamp(14px,4vmin,28px);border:2px solid var(--fg);background:var(--accent-2);color:#211b19}.cb-fixed small{font-size:clamp(10px,max(1.7vmin,1vw),12px)}.cb-fixed strong{font-size:clamp(13px,3.5vmin,23px)}.cb-arrows{color:var(--accent);font-size:clamp(18px,6vmin,42px);line-height:1.2}.cb-arrows span{padding:0 clamp(14px,5vmin,35px)}.cb-voices{display:flex;gap:clamp(4px,1.5vmin,12px)}.cb-voices div{flex:1;background:var(--surface);border:1px solid var(--line);padding:clamp(10px,3vmin,25px) 2px;font-size:clamp(10px,max(2vmin,1vw),15px);font-weight:900;animation:cbvoice 4s infinite}.cb-voices div:nth-child(2){animation-delay:.2s}.cb-voices div:nth-child(3){animation-delay:.4s}@keyframes cbvoice{0%,20%{box-shadow:none;transform:translateY(5px)}40%,85%{box-shadow:3px 3px 0 var(--accent);transform:none}100%{box-shadow:none}}크리에이터 브리프는 협업의 목표, 대상, 검증된 제품 정보, 광고 표시와 사용 범위를 전달하는 문서입니다. 대본을 대신 써주는 문서는 아닙니다.
데모는 고정된 사실 영역에서 여러 표현 카드가 나오는 모습을 보여줍니다. 금지 표현은 구체적인 예시로 적어 오해를 줄입니다.
검수 단계와 수정 횟수를 뒤늦게 정하면 제작이 지연됩니다. 시작 전에 합의하세요.
외부 제작자에게 제품 소개나 체험 영상을 맡길 때 씁니다.