Brand extension

브랜드 확장

Assess fit and confusion when a known name enters a new category.

···
html
<div class="extension"><div class="extension-row"><strong>CORE</strong><span id="extension-new">ADJACENT OFFER</span></div><label>FARTHER FROM CORE <input id="extension-range" type="range" min="0" max="100" value="25"></label><div class="extension-metrics"><div>PERCEIVED FIT<i><b id="extension-fit"></b></i></div><div>CONFUSION RISK<i><b id="extension-risk"></b></i></div></div><small>ILLUSTRATIVE RELATIONSHIP</small></div>
css
.extension{width:min(90%,460px);font:800 clamp(10px,2vmin,14px)/1.2 sans-serif}.extension-row{display:flex;align-items:center;gap:7px}.extension-row>*{flex:1;padding:clamp(8px,2vmin,16px);text-align:center;border:2px solid var(--accent)}.extension-row strong{background:var(--accent);color:white}.extension-row span{background:var(--surface)}.extension label{display:block;margin:clamp(9px,3vmin,20px) 0;color:var(--muted)}.extension input{display:block;width:100%;margin:7px 0;accent-color:var(--accent)}.extension-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.extension-metrics>div{min-width:0}.extension-metrics i{display:block;height:clamp(10px,2vmin,17px);margin-top:5px;background:var(--line)}.extension-metrics b{display:block;height:100%;background:var(--accent);transition:width .2s}.extension small{display:block;margin-top:8px;color:var(--muted);font-size:clamp(10px,1.7vmin,12px)}@media(min-width:700px){body>div{transform:scale(1.8)}}
js
const slider=document.querySelector('#extension-range');let touched=false,value=25;function show(){slider.value=value;document.querySelector('#extension-new').textContent=value<50?'ADJACENT OFFER':'DISTANT CATEGORY';document.querySelector('#extension-fit').style.width=(100-value)+'%';document.querySelector('#extension-risk').style.width=value+'%'}slider.oninput=()=>{touched=true;value=Number(slider.value);show()};show();setInterval(()=>{if(!touched){value=value<50?75:25;show()}},1400);

Brand extension puts a familiar name on a new offer or category. Existing trust may carry over, but a move that conflicts with established associations can dilute what the name means.

The demo changes an illustrative distance from the core and shows fit and confusion moving in opposite directions. In practice, test whether buyers understand the connection and validate the new product's quality separately.

The scores are teaching examples, not forecasts. Familiarity alone cannot predict success.

When to use

Use when deciding whether to enter a new category under an existing name.

Open as page ↗