Creator-shaped brand idea

크리에이터 공동 브랜드 아이디어

Let creators help shape an idea and express it in their own voice.

···
html
<div class="co"><div class="core">BRAND CORE <b>GO FURTHER</b></div><div class="branches"><div class="branch"><small>CREATOR A</small><strong id="a">A DAY IN MOTION</strong></div><div class="branch"><small>CREATOR B</small><strong id="b">A NEW ROUTE</strong></div></div><div class="thread">SHARED IDEA · DIFFERENT STORIES</div></div>
css
.co{width:min(90%,520px);font:800 clamp(10px,max(1.5vmin,1vw),12px)/1 sans-serif;text-align:center}.core{padding:clamp(7px,1.8vmin,15px);background:var(--fg);color:var(--bg)}.core b{display:block;margin-top:4px;font-size:clamp(14px,3.2vmin,26px)}.branches{display:flex;gap:clamp(6px,2vmin,18px);margin-top:clamp(13px,3vmin,25px)}.branch{position:relative;flex:1;min-width:0;padding:clamp(9px,2vmin,17px);border:2px solid var(--accent);background:var(--surface);animation:branch 4s infinite}.branch:before{content:'';position:absolute;top:calc(-1 * clamp(13px,3vmin,25px));left:50%;width:2px;height:clamp(13px,3vmin,25px);background:var(--accent)}.branch:nth-child(2){animation-delay:.4s}.branch small{display:block;color:var(--accent);font-size:clamp(10px,max(1.3vmin,1vw),12px)}.branch strong{display:block;margin-top:6px;font-size:clamp(11px,max(2.5vmin,1vw),21px);line-height:1.1}.thread{margin-top:clamp(8px,2vmin,16px);color:var(--muted);font-size:clamp(10px,max(1.4vmin,1vw),12px);letter-spacing:.08em}@keyframes branch{0%,17%{opacity:.35;transform:translateY(-8px)}37%,86%{opacity:1;transform:none}100%{opacity:.35}}@media(min-width:700px){body>div{transform:scale(1.8)}}
js
const lines=[['A DAY IN MOTION','A NEW ROUTE'],['MY FIRST STEP','ROOM TO EXPLORE']];let i=0;setInterval(()=>{i=(i+1)%2;document.querySelector('#a').textContent=lines[i][0];document.querySelector('#b').textContent=lines[i][1]},2000);

Creator collaboration can move beyond reading a finished ad to helping shape the idea. Kantar's 2026 outlook recommends clear brand guardrails with room for creators to make the work their own.

In the demo, one brand core branches into two creator stories. In a brief, separate non-negotiable facts from areas of creative freedom.

Over-control can weaken a creator's voice, while no guardrails can blur the brand link. Evaluate brand associations as well as views.

When to use

Use when designing a repeatable creator platform rather than a one-off placement.

Open as page ↗