docs: plan sprint-015 dashboard v3 redesign
This commit is contained in:
33
.plans/design/references/07-master-dashboard-v3-reference.md
Normal file
33
.plans/design/references/07-master-dashboard-v3-reference.md
Normal 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 하단 운영 패널
|
||||
|
||||
## 구현 시 주의
|
||||
- 실제 데이터 밀도에 비해 컴포넌트가 과장되면 안 됨
|
||||
- 첫 스크롤 안에 가장 중요한 판단 정보가 모여야 함
|
||||
- 모바일에서는 같은 구조를 억지로 축소하지 말고 세로 흐름으로 재배열
|
||||
Reference in New Issue
Block a user