si-sm/fanuzu
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

타입 스케일·공통 크롬을 Figma 기준으로 정렬 — 상단 내비게이션 · 하단 탭 아이콘 · 버튼 · 시트

Browse Source
This commit is contained in:
Sn-Kinos
2026-09-27 19:59:33 +09:00
parent 65ba44a1d1
commit 388ea4227c
19 changed files with 153 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
design/design-tokens.md
+21 -10
View File
@@ -103,6 +103,9 @@ colors:
color-on-cosmic: "#FFFFFF"
color-on-cosmic-variant: "#A3A2A0"
color-on-cosmic-muted: "#767676"
# 오버레이 — Figma 실측(2026-09-26). 액션 시트 #2C2C2E(홈_초기사용자 343:212939) · 확인 팝업 #2D2D2D(차단하기 373:442417).
color-cosmic-sheet: "#2C2C2E"
color-cosmic-dialog: "#2D2D2D"
# 악센트 — 시안 실측. 핑크가 선택·CTA, 초록이 POP·성공, 시안이 FPI·탭 활성, 블루가 정보 칩.
color-cosmic-accent: "#FF7DDD"
color-on-cosmic-accent: "#141414"
@@ -170,18 +173,26 @@ font:
font-direction: "geometric"
font-source: "42dot Sans = Google Fonts OFL 가변 ttf · ABeeZee = Google Fonts OFL (app/assets/fonts/, 2026-09-02)"
type:
type-display-l: {family: font-display, size: 44, weight: 700, tracking: -0.01em, leading: 1.06}
type-display-m: {family: font-display, size: 32, weight: 700, tracking: -0.007em, leading: 1.2}
type-title-l: {family: font-display, size: 24, weight: 700, tracking: 0, leading: 1.3}
type-title-m: {family: font-body, size: 18, weight: 600, leading: 1.3}
type-body-l: {family: font-body, size: 18, weight: 400, leading: 1.6}
type-body-m: {family: font-body, size: 16, weight: 400, leading: 1.6}
type-body-s: {family: font-body, size: 14, weight: 400, leading: 1.55}
type-label-l: {family: font-body, size: 14, weight: 500, leading: 1.2}
# --- 발주사 Figma 계약 시점 사본 실측 (2026-09-26, _작업/design-match/foundation.json · 앱 93화면 텍스트 1,868건 집계) ---
# 42dot Sans 가 81%, ABeeZee 가 14%(Regular 한 벌뿐이라 굵기는 400). 본문 자간은 -2.5% 가 표준이다.
# 종전 값(Gmarket/포카 온 스테이지 재설계 — 44·32 Bold, 본문 400·행간 1.6)은 Figma 와 맞지 않아 교체한다.
type-display-l: {family: font-display, size: 46, weight: 400, leading: 1.0}
type-display-m: {family: font-display, size: 32, weight: 400, tracking: -0.025em, leading: 1.4}
type-title-l: {family: font-body, size: 20, weight: 600, tracking: -0.025em, leading: 1.4}
type-title-m: {family: font-body, size: 16, weight: 600, tracking: -0.025em, leading: 1.4}
type-body-l: {family: font-body, size: 16, weight: 500, tracking: -0.025em, leading: 1.4}
type-body-m: {family: font-body, size: 14, weight: 500, tracking: -0.025em, leading: 1.3}
type-body-s: {family: font-body, size: 12, weight: 500, tracking: -0.025em, leading: 1.3}
type-label-l: {family: font-body, size: 14, weight: 600, tracking: -0.025em, leading: 1.3}
type-label-mobile: {family: font-body, size: 16, weight: 700, leading: 1.4}
type-meta-mobile: {family: font-body, size: 13, weight: 600, leading: 1.4}
type-eyebrow: {family: font-body, size: 12, weight: 600, tracking: 0.04em}
type-caption: {family: font-body, size: 12, weight: 500, leading: 1.4}
type-eyebrow: {family: font-body, size: 12, weight: 600, tracking: -0.025em, leading: 1.0}
type-caption: {family: font-body, size: 12, weight: 500, tracking: -0.025em, leading: 1.3}
type-meta: {family: font-body, size: 10, weight: 500, tracking: -0.025em, leading: 1.3}
# 공통 크롬 — Top Navigation 제목(229:12006 등 39화면) · 탭 루트 제목(MY/GALAXY/INSIDE) · Bottom Navigation 라벨(350:215853)
type-nav-title: {family: font-body, size: 16, weight: 600, leading: 1.5}
type-tab-title: {family: font-display, size: 20, weight: 400, leading: 1.4}
type-nav-label: {family: font-display, size: 10, weight: 400, leading: 1.6}
type-mono-num: {family: font-mono, feature: 'tnum', note: '가격·지표·표는 tabular'}
sizing:
touch-min-app: 48