100zoad Design System
프리미엄 다크 템플릿 A - 디자인 토큰 검증
AC1: 컬러 시스템
Primary (다크 네이비)
50
100
200
300
400
500
600
700
800
900
950
Accent (골드)
50
100
200
300
400
500
600
700
800
900
950
Neutral (그레이)
50
100
200
300
400
500
600
700
800
900
950
Status (상태)
Success
Warning
Error
AC2 & AC3: 타이포그래피 시스템 (Pretendard)
heading-6xl (60px)
heading-5xl (48px)
heading-4xl (36px)
heading-3xl (30px)
heading-2xl (24px)
heading-xl (20px)
body-lg (18px)
body-base (16px) - 본문 기본
body-sm (14px)
body-xs (12px)
AC4: 간격 시스템 (4px ~ 96px)
xs4px
sm8px
md16px
lg24px
xl32px
2xl48px
3xl64px
4xl96px
AC5: 컴포넌트 기본 스타일
버튼 (터치 타겟 최소 44x44px)
반경 (rounded)
sm
md
lg
xl
2xl
full
그림자 (shadow)
sm
md
lg
xl
2xl
gold
AC6: CSS 변수 시스템
템플릿 확장 가능 구조
:root에 CSS 커스텀 프로퍼티가 정의되어 있으며, TinaCMS에서 캠페인별로 오버라이드 가능합니다.
Template A
프리미엄 다크
Template B
모던 미니멀 (Phase 2)
Template C
내추럴 밝은톤 (Phase 2)
특수 효과
프리미엄 골드 그라디언트 텍스트