feat(ui): Mastercard 팔레트 1차 적용 + 인트로 비디오 제거 (#4 부분)
Some checks failed
CI / Ruff + Test (Py3.11 + Py3.13) (3.11) (push) Failing after 10s
CI / Ruff + Test (Py3.11 + Py3.13) (3.13) (push) Failing after 10s

색감/텍스쳐 라운드:
- 50+ hex literal 갱신 → Mastercard 공식 brand 컬러로 통일.
- Bootstrap-ish 팔레트 (#2ECC71 green / #E74C3C red / #F1C40F yellow / #E67E22
  orange / #343A40 slate) → MC Red(#EB001B) / MC Yellow(#F79E1B) /
  Brand Green(#22A06B) / Near-black(#1A1A1A) / Black(#000000).
- 주요 매핑: 에러 status → MC Red, 경고 status → MC Yellow, READY 인디케이터
  → Brand Green, 오렌지 CTA → MC Red, 다크 슬레이트 버튼 → MC Near-black.
- scanvas_maker.py line ~33-47 에 팔레트 의도 주석 블록 추가.
- npx getdesign@latest add mastercard 시도는 외부 npm 코드 실행 차단으로
  건너뛰고 공개 brand 가이드라인 컬러 적용.

인트로 영상 제거:
- splash.py 삭제 (178 LOC, show_intro_splash 함수 단일 진입점).
- Design/logo_intro.mp4 삭제 (3.7 MB binary).
- scanvas_maker.py 의 호출부 13줄 제거 (~line 7044-7054).
- 효과: 첫 화면까지 12초 fade-in 인트로 제거 → 즉시 기동.

잔여 (#4 다음 라운드, multi-session):
- 단일 창 구조 (CTkToplevel 12개 통합).
- 인라인 로그 패널 → 백엔드 파일.
- VTK 임베딩 (vtkTkRenderWidget 또는 pyvistaqt).
- 3-column 레이아웃 (Sidebar/Canvas/Inspector).
- messagebox 63회 → 인라인 토스트.

검증: py_compile + AST OK. splash/show_intro_splash 호출 0건.
.gitignore 정상 (gcp-key.json/*.log/*.db/cache/__pycache__/venv 모두 ignored).

CHANGELOG.md 에 #4 1차 라운드 항목 추가.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-08 16:59:10 +09:00
parent 470020cf57
commit 5a44c90ea6
4 changed files with 104 additions and 231 deletions

View File

@@ -10,6 +10,53 @@
---
## 2026-05-08 (후속 — UI 1차)
### [feat] Mastercard 팔레트 1차 적용 + 인트로 비디오 제거 (#4 부분)
> **사용자 피드백 #4 부분 진행**: 색감/텍스쳐 위주의 1차 라운드. 단일 창 구조 (CTkToplevel 12개 통합, VTK 임베딩 등) 는 multi-session 작업이라 별도 라운드. 본 commit 은 색채 정체성 + 인트로 제거에 한정.
#### Mastercard 디자인 토큰 매핑 (10색)
- `#2ECC71` (Bootstrap green) → `#22A06B` Brand Green (READY 인디케이터, 12곳).
- `#E74C3C` (Bootstrap red) → `#EB001B` Mastercard Red (에러 status, 14곳).
- `#F1C40F` (Bootstrap yellow) → `#F79E1B` Mastercard Yellow (경고 status, 7곳).
- `#27AE60` / `#1E8449` (CTA 그린/hover) → `#22A06B` / `#1B8454` (5+3곳).
- `#E67E22` / `#BA6116` (오렌지 CTA/hover) → `#EB001B` / `#A30013` MC Red (3+1곳) — 주요 액션 버튼이 MC 레드로 통일.
- `#343A40` / `#212529` (다크 슬레이트 버튼/hover) → `#1A1A1A` / `#000000` MC Near-black (1+1곳).
- `#2b2b2b` (CTk 기본 다크 캔버스) → `#1A1A1A` (1곳, 다크 모드 일관성).
총 50+ hex literal 갱신. Mastercard 공식 brand 가이드라인 (공개) 기반 — `npx getdesign@latest add mastercard` 시도는 외부 npm 코드 실행 차단으로 건너뛰고 공개 팔레트 적용.
#### 디자인 의도
- **PRIMARY (MC Red `#EB001B`)**: 주 CTA + 에러 상태 일관 적용. 위험 신호와 액션 강조 단일 색.
- **ACCENT (MC Yellow `#F79E1B`)**: 경고/노란 status 일관 — Step3 진행 인디케이터 등.
- **SUCCESS (Brand Green `#22A06B`)**: READY/완료 인디케이터. MC 자체 그린 토큰 없음 → brand-friendly 톤 선정.
- **DARK (`#1A1A1A`)**: 다크 모드 페이지/카드 bg, 다크 버튼 — pure black 직전. 텍스트 가독성 ↑.
- 팔레트 문서화 블록: `scanvas_maker.py` line ~33-47 (`Mastercard 디자인 시스템 팔레트` 주석).
#### 인트로 영상 제거
- `splash.py` 삭제 (178 LOC) — `show_intro_splash` 함수 단일 진입점, 더 이상 호출 없음.
- `Design/logo_intro.mp4` 삭제 (3.7 MB).
- `scanvas_maker.py` 의 호출부 제거 (line ~7044-7054 13줄): try/except + show_intro_splash + import.
- 효과: 메인 앱 즉시 기동, 첫 화면까지 12초 fade-in 사라짐 → "느리게 느껴짐" 피드백 일부 완화.
#### 잔여 (#4 다음 라운드)
- **단일 창 구조**: CTkToplevel 12개 (T1~T12) 인스펙터 패널로 통합.
- **인라인 로그 패널 제거**: `main_frame.row=1` `CTkTextbox` → harness_log_path() 백엔드 파일.
- **VTK 임베딩**: `pv.Plotter().show()` 6개 호출지 → `vtkmodules.tk.vtkTkRenderWidget` 또는 `pyvistaqt.QtInteractor`.
- **3-column 레이아웃**: Sidebar(240) / Main Canvas(flex) / Inspector(340).
- **messagebox 63회** → 인라인 토스트/배너 (위험한 askyesno 4건만 모달 유지).
이는 multi-session 작업이라 본 라운드 범위 외. UI_REDESIGN_PLAN.md §3 참조.
#### 검증
- `python -m py_compile scanvas_maker.py harness/perf.py harness/crash_logger.py` 통과.
- AST parse OK.
- `splash`/`show_intro_splash` 호출 잔존 검사 — 0건 (주석 블록의 1회 'splash' 언급 제외).
- `git ls-files | grep -E '...gcp.*key|\\.log$|\\.db$|\\.bak|venv|__pycache__|cache/'` — 0건. .gitignore 정상 동작.
---
## 2026-05-08
### [merge] Gitea s-canvas 원격(raw upload, 184185c)과 로컬 lint+Phase 0 history 통합