Content repurposing

콘텐츠 재가공

Adapt one core idea into formats suited to different channels.

···
html
<div class="repurpose"><div class="source">ONE INSIGHT <small>RESEARCH NOTE</small></div><div class="branch"></div><div class="outputs"><div>✉<span>EMAIL</span></div><div>▣<span>CARDS</span></div><div>▶<span>VIDEO</span></div></div></div>
css
.repurpose{width:min(86%,600px);text-align:center;font:900 clamp(10px,max(1.8vmin,1vw),15px)/1 sans-serif}.source{display:inline-grid;gap:5px;min-width:40%;background:var(--fg);color:var(--bg);padding:clamp(10px,2.5vmin,24px);font-size:clamp(13px,3vmin,24px)}.source small{font-size:clamp(10px,max(1.4vmin,1vw),12px);opacity:.6;letter-spacing:.12em}.branch{height:clamp(20px,6vmin,55px);width:70%;margin:auto;border-bottom:2px solid var(--accent);position:relative}.branch::before{content:'';position:absolute;left:50%;top:0;bottom:0;border-left:2px solid var(--accent)}.outputs{display:flex;justify-content:space-between;gap:clamp(5px,1.5vmin,14px)}.outputs div{width:30%;height:clamp(48px,15vmin,125px);display:grid;place-items:center;border:2px solid var(--accent);background:var(--surface);color:var(--accent);font-size:clamp(16px,5vmin,40px);animation:pop 3.6s ease-in-out infinite}.outputs div:nth-child(2){animation-delay:.4s}.outputs div:nth-child(3){animation-delay:.8s}.outputs span{display:block;color:var(--fg);font-size:clamp(10px,max(1.5vmin,1vw),12px);letter-spacing:.1em}@keyframes pop{0%,13%{transform:scale(.85);opacity:.3}33%,85%{transform:none;opacity:1}100%{opacity:.3}}

Content repurposing adapts a core idea to a new context and format rather than simply cutting up a long article or video.

The demo branches one research source into a newsletter, cards, and a short video. Each piece should stand on its own while keeping the source's evidence and context.

Publishing on more channels alone can just repeat the same message. Edit each version for its audience's question and viewing situation.

When to use

Use it when adapting validated research or interviews across channels, keeping the original source traceable.

Open as page ↗