Content distribution matrix

콘텐츠 배포 매트릭스

Map a core claim and desired action to each channel’s format.

···
html
<div class="matrix"><div class="head"><b>CHANNEL</b><b>FORMAT</b><b>NEXT STEP</b></div><div class="line"><span>WEB</span><strong>FULL GUIDE</strong><i>READ</i></div><div class="line"><span>MAIL</span><strong>KEY IDEA</strong><i>OPEN</i></div><div class="line"><span>SOCIAL</span><strong>SHORT CLIP</strong><i>VISIT</i></div></div>
css
.matrix{width:min(90%,650px);font:800 clamp(12px,3vmin,18px) var(--font-sans);border:2px solid var(--fg)}.matrix .head,.matrix .line{display:grid;grid-template-columns:25% 42% 33%;align-items:center}.matrix .head{background:var(--fg);color:var(--bg);padding:clamp(6px,2vmin,12px);font-size:12px}.matrix .line{min-height:clamp(28px,9vmin,48px);padding:clamp(5px,1.5vmin,10px);border-top:1px solid var(--line);animation:matrix-focus 4.5s infinite}.matrix .line:nth-child(3){animation-delay:.6s}.matrix .line:nth-child(4){animation-delay:1.2s}.matrix .line span,.matrix .line i{font-size:12px;font-style:normal}.matrix .line strong{font-size:12px}.matrix .line i{background:var(--accent-2);color:#211b19;padding:3px 4px;justify-self:start}@keyframes matrix-focus{0%,12%{background:transparent}35%,85%{background:var(--surface)}100%{background:transparent}}

A content distribution matrix plans where and how one asset will appear. For each channel it records the audience context, suitable format, next action, and publishing order.

Filling every cell is not the goal. Choose where the audience actually is, adapt the message to that setting, and use responses to revise the next distribution step.

When to use

Use it to sequence the release of one asset across several channels.

Open as page ↗