tokens + motion proof
디자인 시스템과 모션이 함께 렌더됩니다
doosirak 토큰을 그대로 옮기고, temp260519 모션을 재사용 가능한 레이어로 포팅했습니다. 아래에서 토큰과 모션을 확인하세요.
디자인 토큰
globals.css의 토큰이 Tailwind v4 유틸리티로 그대로 노출됩니다.
모션 레이어
temp260519의 타이밍·이징을 그대로 옮긴 재사용 컴포넌트입니다.
접근성
prefers-reduced-motion을 모든 모션 컴포넌트가 존중합니다.
받은 통화
128건
AI 처리
112건
자동 응대 완료대기 중 데이터
—
백엔드 연동 후 표시통화 기록 필터 전환
AnimatePresence mode="wait" + 항목별 stagger (index * 0.05)
주말 4인 예약 문의예약·주문
런치 세트 가격 문의가격 문의
반복 영업 전화 (자동 차단)스팸
주차장 위치 안내위치 문의
단체 예약 세부 조정복합 문의
색상·타이포·반경·그림자 모두 globals.css 토큰에서 옵니다. 이 페이지에 하드코딩된 hex 색상은 없습니다.