디자인킷 · 띠
띠 · 기준일·집계 범위·출처 줄
D-띠-기준출처
언제 쓰는가
수치나 그래프가 있는 장 아래에 기준일, 집계 범위, 출처를 한 줄로 밝힐 때. 항목 2~3개, 내용은 항목마다 28자 이내. 값 바꾸는 법: div 하나가 항목 1개. dt=항목 이름, dd=내용. 2~3개. 강조색을 쓰지 않는 조용한 줄.
참고
직접 제작. 증권사 리포트와 통계 보고서의 표 아래 기준·출처 표기 줄을 참고.
조각
<div class="dk dks dks-basis"><dl><div><dt>기준일</dt><dd>2026. 9. 30.</dd></div><div><dt>집계 범위</dt><dd>검색, 디스플레이, 영상 4개 매체 최근 3개월</dd></div><div><dt>출처</dt><dd>각 매체 광고 관리자 화면 직접 집계</dd></div></dl></div>
스타일
.dks-basis{border-top:1px solid var(--line2);padding-top:7px}
.dks-basis dl{margin:0;min-height:37px;display:flex;align-items:center;gap:40px}
.dks-basis dl div{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.dks-basis dt{font-size:var(--f-cap);font-weight:600;color:var(--mu)}
.dks-basis dd{margin:0;font-size:var(--f-sm);color:var(--ink2)}