🎨 디자인 시스템¶
Version: v3.0.0 · Updated: 2026-05-03 · Owner: 장캐리
Tone: Innovation + Professional — 데이터 권위감 + 고객 친밀감
Benchmarks: Pattern, Snowflake, Databricks, Stripe (구조), PostHog
First impression goal: "전문적이네 / 세련됐네"
Forbidden: 촌스러움, 스타트업스러움, 관공서스러움, 럭셔리 캐주얼
핵심 컬러¶
Primary¶
| Token | HEX | 용도 |
|---|---|---|
| AdCarry Violet | #7C3AED |
메인 브랜드 · CTA · 액센트 |
| Deep Slate | #0F172A |
본문 · 헤딩 |
| Pure White | #FFFFFF |
페이지 배경 |
Brand Variants¶
| Token | HEX | 용도 |
|---|---|---|
| Violet Hover | #6D28D9 |
호버 · 진한 강조 |
| Violet Deep | #5B21B6 |
합계행 · 강한 대비 |
| Violet Indigo | #3B0764 |
다크 모드 · 풀스크린 패널 |
Cyan Accent¶
| Token | HEX | 용도 |
|---|---|---|
| Cyan Primary | #06B6D4 |
데이터 · 정보 · 링크 |
| Cyan 50 | #ECFEFF |
시안 배지 배경 |
| Cyan Hover | #0891B2 |
시안 호버 |
Status¶
| Token | HEX | 용도 |
|---|---|---|
| Success | #10B981 |
성공 · 증가 |
| Warning | #F59E0B |
주의 · 검토 |
| Danger | #EF4444 |
실패 · 감소 |
타이포그래피¶
- Pretendard (한글/영문 메인 라벨)
- IBM Plex Sans (부제 / 캡션)
- IBM Plex Mono (코드 / 숫자 등폭,
tnum필수)
Headings¶
- Weight 700 (Bold) — Pattern/Snowflake 톤
- 절제된 자간 (
letter-spacing: -0.02em)
Shadow Tokens¶
모든 그림자에 보라 틴트 미세하게:
--shadow-sm: 0 1px 2px rgba(124, 58, 237, 0.04);
--shadow: 0 4px 12px rgba(124, 58, 237, 0.08);
--shadow-lg: 0 8px 24px rgba(124, 58, 237, 0.10);
Border Radius¶
- Conservative 4-8px — 거의 각진
- Pill (둥근 모서리)은 배지에만
정본 위치¶
본 사이트는 발췌본. 전체 정본 정의는 워크스페이스 파일 참조:
향후 이 페이지를 본 사이트에서 완성형 정본으로 통합 예정.