typographylisted

# Typography Skill 프로젝트의 디자인 방향에 맞는 타이포그래피 시스템을 구성합니다. ## Triggers - "타이포그래피", "폰트", "typography", "font", "글꼴", "텍스트 스타일" --- ## Input | 항목 | 필수 | 설명 | |------|------|------| | `aestheticDirection` | ✅ | 이전 Direction 스킬에서 결정된 미적 방향 | | `brandPersonality` | ❌ | 브랜드 성격 키워드 (professional, playful, luxury 등) | | `targetLanguage` | ❌ | 주 사용 언어 (ko, en, multi) - 기본값: multi | | `fontBudget` | ❌ | 폰트 로딩 예산 (light, normal, heavy) - 기본값: normal | --- ## Output | 산출물 | 설명 | |--------|------| | `fonts/` | 폰트 파일 또는 설정 | | `typography-tokens.css` | CSS 변수로 정의된 타이포그래피 토큰 | | `font-setup.tsx` | Next.js next/font 설정 컴포넌트 | --- ## Workflow ### Step 1: 미적 방향에 따른 폰트 선정 **Direction별 추천 폰트 조합:** | Direction | Display Font | Body Font | 특징 | |-----------|-------------|-----------|------| | **Minimal** | Satoshi | Satoshi | 단일 폰트, 깔끔함 | | **Elegant** | Playfair Display | Source Serif 4 | 세리프 기반 고급스러움 | | **Bold** | Space Grotesk | DM Sans | 기하학적 강렬함 | | **Playful** | Quicksand | Nunito | 둥글고 친근함 | | **Technical** | JetBrains Mono | IBM Plex Sans | 정밀함과 신뢰감 | | **Luxury** | Cormorant Garamond | Lora | 클래식 세리프 | | **Modern** | Satoshi | General Sans | 현대적 산세리프 | | **Organic** | Fraunces | Literata | 자연스러운 곡선 | **한글 폰트 페어링:** | 영문 스타일 | 한글 Display | 한글 Body | 비고 | |-------------|-------------|-----------|------| | Sans-serif | Pretendard | Pretendard | 범용성 최고 | | Sans-serif (Modern) | SUIT | SUIT | 더 날렵한 느낌 | | Serif | Noto Serif KR | Noto Serif KR | 격식 있는 느낌 | | Rounded | Gmarket Sans