디자인 QA

토큰 확인

왼쪽은 Tailwind 유틸, 오른쪽은 inline style var(--토큰). 두 색이 같고 테마 토글에 함께 바뀌면 통과입니다.

토큰유틸var()

--accent

.bg-accent

--accent-fg

.bg-accent-fg

--bg

.bg-bg

--surface

.bg-surface

--surface-2

.bg-surface-2

--surface-3

.bg-surface-3

--tint

.bg-tint

--muted

.bg-muted

버튼 · radius

8

10

18

999

타입

Pretendard — 한글 본문 확인

JetBrains Mono — 1234567890

Comfortaa — sellery

점 링크 확인

배지 · 칩

의미색은 브랜드색과 별개 축입니다. 초록 면은 ‘AI 추천’에만 씁니다.

✨ AI 추천자료에서 확인사용자 확인 필요초안생성 중완료실패

마케팅 콘텐츠브랜드 지식베이스준비 중