docs: plan sprint-015 dashboard v3 redesign

This commit is contained in:
2026-04-06 19:44:31 +09:00
parent 2aa8dc14b9
commit 1b3edd45f6
6 changed files with 497 additions and 37 deletions

View File

@@ -0,0 +1,33 @@
# Master Dashboard v3 Reference Notes
## 출처
자기야가 2026-04-06에 공유한 레퍼런스 시안.
## 핵심 인상
- 짙은 다크 배경 위에 운영 패널을 촘촘하게 배치
- 상단 global status bar + 중앙 sprint progress + 우측 runtime connection 구조
- 4자매 상태 카드를 1행에서 동시에 노출
- `ACTIVE PIPELINE`을 중심으로 4자매 협업 흐름을 시각화
- `ACTIVITY FEED` / `SPRINT METRICS` / `INFRASTRUCTURE OVERVIEW` / `MISTAKE LOG & HARNESS`를 한 화면에서 모두 판단 가능
## 채택 결정
- **채택:** 정보 구조, 섹션 구성, 운영 화면다운 밀도, Active Pipeline 개념
- **부분 채택:** 색 강조, pulse/flow 애니메이션, 상단 진행률 표현
- **비채택:** 과한 glow, glassmorphism 회귀, 장식 위주의 다이어그램화
## 제품 적용 원칙
- 하나랑 대시보드는 현행 미니멀 터미널 UI 톤을 유지
- 레퍼런스는 `레이아웃/정보 위계/흐름 표현` 위주로 번역 적용
- 비주얼 차용 비율은 대략 70% 이내로 제한
- 실데이터 기반 운영 화면으로 느껴져야 하며 mock showcase처럼 보이면 안 됨
## 특히 강한 섹션
1. Sister Status Cards
2. Active Pipeline
3. Activity Feed + Metrics 병렬 비교
4. Infra + Mistake Log 하단 운영 패널
## 구현 시 주의
- 실제 데이터 밀도에 비해 컴포넌트가 과장되면 안 됨
- 첫 스크롤 안에 가장 중요한 판단 정보가 모여야 함
- 모바일에서는 같은 구조를 억지로 축소하지 말고 세로 흐름으로 재배열