Components · Display

Badge

상태·트랙·시간을 보여주는 알약형 라벨. 텍스트 16px (Korean min). 의미별 5색.

Preview

조기 신청 Track A 완료 대기 마감 임박

Usage

<span class="badge badge-primary">조기 신청</span>
<span class="badge badge-grey">Track A</span>
<span class="badge badge-positive">완료</span>
<span class="badge badge-warning">대기</span>
<span class="badge badge-negative">마감 임박</span>

Rules

DO

의미가 있는 라벨에만 사용 — 상태, 트랙, 시간.
색상은 의미별로 통일. badge-positive는 항상 성공 의미.

DON'T

hero/섹션 상단 장식용 eyebrow 금지 (사용자 명시 요청 시에만).
"01", "02" 같은 번호 prefix 금지.
badge 폰트 16px 미만 금지.