제안 시스템

디자인킷 · 띠

띠 · 주의 문구(조건부 안내)

D-띠-주의문구

띠 · 주의 문구(조건부 안내)

언제 쓰는가

예상 수치나 일정이 조건에 따라 달라질 때 그 조건을 본문 아래에 밝힐 때. 꼬리표 4자 이내, 문구 70자 이내 한 줄. 굵게 표시 1곳. 값 바꾸는 법: i=꼬리표(조건부, 유의, 가정 등), p=문구. 꼭 봐야 할 수치 한 곳만 b 로 굵게.

참고

직접 제작. 투자 설명 자료의 유의 사항 줄 표기를 참고. 주의 표시라 강조색 대신 상태색(--warn)을 꼬리표 한 곳에만 사용.

조각

<div class="dk dks dks-caution"><i>조건부</i><p>예상 전환 수는 최근 3개월 평균 클릭 단가 기준, 성수기 경쟁 심화 구간에서는 <b>10~15% 하향</b> 가능</p></div>

스타일

.dks-caution{background:var(--soft);border-radius:var(--r-sm);padding:12px 24px;display:flex;align-items:center;gap:16px}
.dks-caution i{flex:none;font-style:normal;font-size:var(--f-cap);font-weight:600;color:var(--warn);border:1px solid var(--warn);border-radius:4px;padding:2px 9px;line-height:1.5}
.dks-caution p{margin:0;min-width:0;font-size:var(--f-sm);color:var(--ink2)}