화면 가득 한 문장

D-레이아웃-한문장-거대글자

언제 쓰는가

덱에서 한두 번, 기억시켜야 할 사실 하나를 화면 가득 싣는 장. 오른쪽 아래에 근거 한 줄. 2줄, 줄당 8자 이내. 값 바꾸는 법: h1 2줄(줄당 8자 이내, 강조 낱말 하나만 em). .ev 에 근거 수치와 출처. 덱 전체에서 2회 이하.

참고

장 레이아웃 유형 정리(madegooddesigns.com/slide-layout-ideas), Behance·Dribbble pitch deck·editorial slide layout 검색 결과의 공통 구성 의 one big statement(한 문장을 크게, 여백이 디자인). 구성 방식만 참고, 코드와 문구는 직접 제작.

조각

<section class="slide lo-statement">
  <div class="run"><b>모루리빙 2027 상반기 통합 디지털 마케팅 제안</b><span>PART 01 · 현황 진단</span></div>
  <div class="body">
    <h1>재구매 고객이<br>매출의 <em>3분의 1</em></h1>
    <div class="ev"><p>자사몰 매출 중 재구매 고객 비중 33%, 2026년 3분기</p><p class="s">출처: 자사몰 주문 데이터. 1년 전 같은 분기 41%</p></div>
  </div>
  <div class="pg">05</div>
</section>

스타일

.slide.lo-statement .body{justify-content:space-between;gap:0;padding:44px 0 36px}
.slide.lo-statement h1{font-size:var(--f-huge);font-weight:700;line-height:1.18;letter-spacing:-.04em;margin:0}
.slide.lo-statement h1 em{font-style:normal;color:var(--ac)}
.slide.lo-statement .ev{align-self:flex-end;text-align:right;border-top:1px solid var(--line2);padding-top:14px;min-width:420px}
.slide.lo-statement .ev p{margin:0;font-weight:600}
.slide.lo-statement .ev .s{font-size:var(--f-cap);font-weight:400;color:var(--mu);margin-top:2px}