Design System

🎨 Design System — "Warm Arcade"

크누피 프론트엔드의 디자인 시스템입니다. KNU 브랜드 정체성 + 게임형 경험을 목표로 합니다.

컬러 토큰

토큰	값	용도
KNU Red	#E60000	브랜드 프라이머리 (CTA·강조)
Gray	다단계	본문·보더·배경
Gold	—	1등 시상·하이라이트
Stage(dark)	—	참가자 라이브 무대 배경

⚠️ 4지선다 답안 색은 파랑·노랑·초록·보라(레드 제외) + 도형으로 구분 — 색각 보조.

타이포 · 스타일

• 디스플레이 폰트 Jua (게임 타이틀·점수)
• Neubrutalism 악센트 — 하드 섀도, 두꺼운 보더, 하드 카드

마스코트

• 크누피(SVG) — 브랜딩 마이크로카피와 함께 사용

모션 (3종)

컴포넌트	역할
CountdownRing	문제 타이머 링
CountUp	점수 카운트업
Celebration	정답 셀러브레이션 / 오답 위로

• 모든 모션은 prefers-reduced-motion을 존중합니다.

에러 바운더리

• app/error.tsx (전역) · app/play/error.tsx (라이브 다크 테마)

상세 토큰·컴포넌트는 docs/DESIGN.md 참고.