# 08 · Ubisam 산출물 디자인 시스템
> 모든 프로젝트의 산출물 MD에 공통 적용하는 HTML 색상 템플릿.
> VS Code Markdown Preview / Typora / GitLab 렌더링 기준.
> 스캐폴딩·채움 어느 단계에서든 이 파일을 참조해 배너·뱃지·진행률을 적용한다.
---
## 색상 팔레트
| 구분 | 이름 | 색 코드 | 용도 |
|---|---|---|---|
| 배너 | 진네이비 | `#1F4E78` | 문서 최상단 제목 배너 |
| 헤더 | 파랑 | `#2E75B6` | 배너 하단 부제 바, 섹션 헤더 강조 |
| 상태·해야 할 일 | 회색 | `#757575` | 미착수 |
| 상태·분석 진행 | 청색 | `#1976D2` | 선택됨 |
| 상태·업무 진행중 | 파랑 | `#1565C0` | 진행 중 |
| 상태·진행 완료 | 연두 | `#689F38` | 완료 |
| 유형·오류수정 | 빨강 | `#D32F2F` | — |
| 유형·불합리 | 주황 | `#F57C00` | — |
| 유형·미팅 | 청록 | `#00796B` | 1.분석/협의 |
| 유형·설계 | 연두 | `#689F38` | 2.설계 |
| 유형·개발 | 파랑 | `#1976D2` | — |
| 유형·제작 | 남파랑 | `#283593` | 3.제작 |
| 유형·입고셋업 | 보라 | `#7B1FA2` | 4.셋업 |
| 유형·적용 및 모니터링 | 하늘 | `#0288D1` | 5.양산 |
| 유형·요청대응 | 남색 | `#1A237E` | 6.CS |
> xlsx 색상과 동일 계열: 배너=`FF1F4E78`(진네이비), 헤더=`FF2E75B6`(파랑), 데이터 홀수=`FFDDEBF7`(연파랑).
---
## 1. 문서 배너 (모든 산출물 MD 1번째 줄)
```html
문서 제목 — 설비명
근거: 소스 파일 경로 · 플랫폼 정보
```
---
## 2. 상태 뱃지 (값에 맞춰 색 코드 교체)
```html
해야 할 일
분석 진행
업무 진행중
진행 완료
```
---
## 3. 유형 뱃지
```html
미팅
설계
개발
제작
입고셋업
적용 및 모니터링
요청대응
오류수정
불합리
```
---
## 4. 진행률 바
```html
**0%**
```
---
## 5. 섹션 헤더 강조 (산출물 MD 내 시트 구분)
```markdown
## 시트① 제목
```
---
## 6. 미확정 경고 (GitHub Alerts)
```markdown
> [!NOTE]
> 아래 값은 소스 분석 기반 `(제안)`. 현장 확인 후 확정.
```
---
## 7. _task.md 완성 템플릿 (디자인 포함)
단계명·프로젝트명·코드·유형·상태·진행률 토큰 교체 후 사용.
```markdown
{N}.{단계명} — {프로젝트명}
{프로젝트코드}-{일련번호}
| 필드 | 값 |
|---|---|
| 유형 | {유형명} |
| 상태 | 해야 할 일 |
| 담당자 / 참조자 | {담당자} / {참조자} |
| 진행률 | **0%** |
| Hashtag | {태그1} / {태그2} |
```
---
## 적용 규칙
- **항상 배너 먼저**: 산출물 MD 생성 시 본문 앞에 배너 블록을 삽입한다.
- **뱃지 > 텍스트**: 상태·유형은 텍스트가 아닌 뱃지 HTML로 표기한다.
- **진행률 bar 병기**: `