제안 시스템

디자인킷 · 도식

핵심어 1개와 근거 3개

D-도식-핵심어근거3

핵심어 1개와 근거 3개

언제 쓰는가

제안의 핵심 한마디를 크게 놓고 그 근거 3개를 오른쪽에 붙일 때. 콘셉트 제시, 핵심 메시지 장. 핵심어 1개(8자 이내), 근거 3개 고정, 근거마다 제목·설명 1줄·수치. 값 바꾸는 법: .kw 의 b=핵심어, .s=한 줄 풀이. 오른쪽 li=근거(번호, 제목, 설명, 수치). 강조색은 핵심어에만.

참고

slideworks.io 컨설팅 장표 해설(https://slideworks.io/templates/consulting-powerpoint-templates): 고정 격자, 여백, 강조색을 핵심 한 곳에만 쓰는 방식. Minto 피라미드 원칙의 '결론 하나, 근거 셋' 구성을 좌우로 펼친 방식(Deckary MBB 장표 유형 정리(https://deckary.com/blog/consulting-slide-templates)). 구성 방식만 참고, 그림과 코드는 직접 제작.

조각

<div class="dk dk-key3">
  <div class="kw"><p class="k">핵심 메시지</p><b>성분 공개</b><p class="s">무엇이 얼마나 들었는지 숫자로 먼저 말하는 브랜드</p></div>
  <ol><li><span class="n num">01</span><div><h3>검색 수요</h3><p>관련 검색량이 1년 사이 꾸준히 증가</p></div><b class="v num">지수 138</b></li><li><span class="n num">02</span><div><h3>경쟁 공백</h3><p>상위 광고 10개 중 같은 메시지를 쓰는 곳 없음</p></div><b class="v num">0곳</b></li><li><span class="n num">03</span><div><h3>기존 고객 반응</h3><p>구매 후기에서 가장 자주 언급되는 장점</p></div><b class="v num">후기의 41%</b></li></ol>
</div>

스타일

.dk-key3{display:grid;grid-template-columns:420px minmax(0,1fr);align-items:center}
.dk-key3 .kw{padding-right:48px}
.dk-key3 .k{margin:0;font-size:var(--f-sm);font-weight:600;color:var(--mu)}
.dk-key3 .kw b{display:block;font-size:var(--f-big);font-weight:700;letter-spacing:-.03em;line-height:1.25;color:var(--ac)}
.dk-key3 .s{margin:10px 0 0;font-size:var(--f-md);color:var(--ink2)}
.dk-key3 ol{list-style:none;margin:0;padding:0 0 0 48px;border-left:1px solid var(--line2)}
.dk-key3 li{display:grid;grid-template-columns:52px minmax(0,1fr) 150px;align-items:center;min-height:104px;border-bottom:1px solid var(--line)}
.dk-key3 li:last-child{border-bottom:0}
.dk-key3 .n{font-size:var(--f-lg);font-weight:700;color:var(--g2)}
.dk-key3 h3{font-size:var(--f-lg);font-weight:700;margin:0 0 2px;line-height:1.35}
.dk-key3 li p{margin:0;font-size:var(--f-body);color:var(--ink2)}
.dk-key3 .v{font-size:var(--f-xl);font-weight:700;color:var(--ink);text-align:right}