> **팔레트·뱃지 정의의 진실원은 `ubisam-deliverables/references/08-design-system.md`다.**
> 값이 갈리면 그쪽이 맞다. 이 파일은 PTOP 전용 추가분과 사용 예시만 기술한다.
# PTOP 산출물 — Ubisam 디자인 시스템
> MD 산출물에 적용하는 HTML 색상 템플릿 모음.
> VS Code Markdown Preview / Typora / GitLab 렌더링 기준.
---
## 색상 팔레트
| 구분 | 이름 | 색 코드 | 용도 |
|---|---|---|---|
| 배너 | 진네이비 | `#1F4E78` | 문서 최상단 제목 배너 |
| 헤더 | 파랑 | `#2E75B6` | 배너 하단 부제 바, 섹션 강조 |
| 연파랑 | — | `#DDEBF7` | 테이블 홀수 행 참조 (xlsx 전용, MD 생략 가능) |
| 상태·해야 할 일 | 회색 | `#757575` | 미착수 |
| 상태·분석 진행 | 청색 | `#1976D2` | 선택됨 |
| 상태·업무 진행중 | 파랑 | `#1565C0` | 진행 중 |
| 상태·진행 완료 | 연두 | `#689F38` | 완료 |
| 유형·오류수정 | 빨강 | `#D32F2F` | — |
| 유형·불합리 | 주황 | `#F57C00` | — |
| 유형·미팅 | 청록 | `#00796B` | 1.분석/협의 |
| 유형·설계 | 연두 | `#689F38` | 2.설계 |
| 유형·개발 | 파랑 | `#1976D2` | — |
| 유형·제작 | 남파랑 | `#283593` | 3.제작 |
| 유형·입고셋업 | 보라 | `#7B1FA2` | 4.셋업 |
| 유형·적용 및 모니터링 | 하늘 | `#0288D1` | 5.양산 |
| 유형·요청대응 | 남색 | `#1A237E` | 6.CS |
---
## 1. 문서 배너 (최상단)
산출물 MD 파일 1번째 줄부터 적용.
```html
문서 제목
근거: 소스 경로 · Aurora 2.0 / .NET 4.8.1 / WPF
```
---
## 2. 상태 뱃지
`_task.md` 상태 필드에 사용. 값에 맞춰 색 코드 교체.
```html
해야 할 일
분석 진행
업무 진행중
진행 완료
```
---
## 3. 유형 뱃지
```html
오류수정
불합리
미팅
설계
제작
입고셋업
개발
적용 및 모니터링
요청대응
```
> 뱃지는 **9종**이며 `ubisam-format-map/SKILL.md` §2 의 일감 유형 enum과 1:1 대응한다.
> enum을 늘리거나 줄이면 이 블록도 **같은 편집에서** 고친다.
---
## 4. 진행률 바
`