UI 디자인 패스 — 타이포/헤더/빈화면/로그인 정돈

- 타이포 스케일: body 12→14px, caption 9.6→12px, display 25.6→32px, 위계 강화
- 헤더 우측 3그룹화 (대시보드액션 | 테마/알림/설정 | 모드+프로필), v5-hdr-sep 구분자 추가
- 사이드바 SUPER_ADMIN 회사 카드 borderless slim 라벨로 압축
- 메뉴명 빈 텍스트 방어 + title 속성 추가
- 빈 대시보드(EmptyDashboard) 리디자인: 탭없음/위젯없음 2상태 분리, 2-CTA 카드
- 로그인 코스믹 공연 축소: 별 150→30, 파티클 20→0, 카피 한글화 (로그인 버튼/서브타이틀)
- 모드 전환 burst/sweep/badge-zoom 제거, sidebar stagger morph만 유지 (handleModeSwitch 100→25줄)
- View transitions duration 1800ms → 500ms

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude (gbpark)
2026-04-22 19:42:46 +09:00
parent 2c57dc8cda
commit 407da15e6d
5 changed files with 95 additions and 148 deletions
+12 -9
View File
@@ -64,15 +64,15 @@
--v5-font-mono: 'JetBrains Mono', 'D2Coding', ui-monospace, SFMono-Regular, Monaco, Consolas, monospace;
/* ===== Type scale (deliberately dense, ERP). Do not go above these. ===== */
--v5-fs-caption:0.60rem; /* labels, table headers, chips */
--v5-fs-caption-lg:0.68rem;
--v5-fs-body-sm:0.72rem; /* table rows */
--v5-fs-body:0.78rem; /* default body */
--v5-fs-body-lg:0.85rem; /* max body */
--v5-fs-h3:0.92rem;
--v5-fs-h2:1.00rem;
--v5-fs-h1:1.12rem; /* page/section title */
--v5-fs-display:1.60rem; /* KPI numbers only */
--v5-fs-caption:0.75rem; /* labels, table headers, chips */
--v5-fs-caption-lg:0.8125rem;
--v5-fs-body-sm:0.8125rem; /* table rows */
--v5-fs-body:0.875rem; /* default body */
--v5-fs-body-lg:0.9375rem; /* max body */
--v5-fs-h3:1.0625rem;
--v5-fs-h2:1.1875rem;
--v5-fs-h1:1.375rem; /* page/section title */
--v5-fs-display:2rem; /* KPI numbers only */
--v5-fw-regular:400;
--v5-fw-semi:600;
@@ -1446,3 +1446,6 @@ html.vt-color-changing .settings-color-swatch.on,
html.vt-color-changing .v5-bell,
html.vt-color-changing .v5-admin-btn{
animation:v5-color-refresh .55s cubic-bezier(.34,1.4,.64,1) both;}
/* ===== Header separator (v5 redesign 2026-04-22) ===== */
.v5-hdr-sep{display:inline-block;width:1px;height:18px;background:var(--v5-border);margin:0 .35rem;flex-shrink:0;opacity:.7;}