Files
Pier_v1/RAG/design system_v0.1.1/sample/A4/sample_a4-document.html
T
ahnyongjooandClaude Sonnet 5.5 964a841de1 chore(rebar): Pier_T_rebar 작업 폴더 초기 구성 및 외부 의존 파일 통합
- Code\rebar_pipeline, review_pipeline, pier-program을 정션에서 실제 폴더로 전환
- Code\rhino_mcp 및 CLAUDE_rhino배경.md 추가, .mcp.json은 PYTHONPATH로 새 위치 사용
- pier-program 내부 .git 제거(이력은 backup\pier-program_20261028.bundle에 보관)
- worktree 가이드 반영(CLAUDE.local.md, HANDOFF.md)
- D:\Rhino-MCP 경로 참조를 새 위치로 치환

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
2026-10-28 11:20:18 +09:00

105 lines
6.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Prism M6 샘플 — A4 보고서 (single 변형 · 1단 통독형)</title>
<style>
/* ══════════════════════════════════════════════════════════════
Prism Design System v0.1.1 — M6 a4-document 샘플 (single 변형)
근거: A4/module.a4-document.md · design.tokens.json (SSOT)
판형: A4 세로 210×297 · 여백 좌우 39 / 상 21 / 하 24
콘텐츠 132×252mm → 본문 1단 measure 37.4em ✓ (표준 여백 1단 금지 규칙 준수)
인쇄: 브라우저 인쇄 → A4, 여백 0
══════════════════════════════════════════════════════════════ */
:root {
--sand: #F4F3F0; --white: #FFFFFF; --brown: #474235; --green: #1F524B; --orange: #D05C26;
--t-caption: 7.9pt; --t-body-sm: 8.9pt; --t-body: 10pt; --t-title-sm: 12.7pt; --t-title: 16pt; --t-title-lg: 20.3pt;
--lh-body: 6mm; --sp-050: 3mm; --sp-100: 6mm; --sp-150: 9mm; --sp-300: 18mm;
--hairline: 0.2mm; --regular: 0.4mm; --r-md: 3mm;
}
@page { size: 210mm 297mm; margin: 0; }
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { background: #888; }
.page { position: relative; width: 210mm; height: 297mm; margin: 0 auto; background: var(--sand); overflow: hidden;
font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
color: var(--brown); font-size: var(--t-body); line-height: var(--lh-body);
padding: 21mm 39mm 24mm 39mm; }
@media print { html, body { background: none; } .page { margin: 0; } }
.eyebrow { display: flex; align-items: center; gap: 2mm; font-size: var(--t-caption); letter-spacing: 0.18em; line-height: 6mm; }
.eyebrow .tick { width: 2.5mm; height: 2.5mm; background: var(--orange); } /* 악센트 1/2 */
h1 { font-size: var(--t-title-lg); font-weight: 700; color: var(--green); line-height: 9mm; margin: var(--sp-050) 0; }
.meta { width: 100%; border-collapse: collapse; margin: var(--sp-050) 0 var(--sp-100) 0; font-size: var(--t-body-sm); line-height: 5mm; }
.meta th, .meta td { border: var(--hairline) solid var(--brown); padding: 1mm 2.5mm; text-align: left; }
.meta th { background: var(--white); font-weight: 500; color: var(--green); width: 18mm; }
.docrule { border-bottom: var(--regular) solid var(--green); margin-bottom: var(--sp-100); }
h2 { font-size: var(--t-title-sm); font-weight: 700; color: var(--green); line-height: 6mm; margin: var(--sp-100) 0 var(--sp-050) 0; }
p { margin-bottom: var(--sp-050); }
p.lead { font-size: var(--t-body); }
table.data { width: 100%; border-collapse: collapse; font-size: var(--t-body-sm); line-height: 5mm; margin: var(--sp-050) 0;
font-variant-numeric: tabular-nums; }
table.data caption { text-align: left; font-size: var(--t-caption); color: var(--brown); letter-spacing: 0.12em; padding-bottom: 1mm; }
table.data th { background: var(--white); color: var(--green); font-weight: 500; border: var(--hairline) solid var(--brown); padding: 1.2mm 2.5mm; text-align: left; }
table.data td { border: var(--hairline) solid var(--brown); padding: 1.2mm 2.5mm; }
table.data td.num { text-align: right; }
.directive { display: flex; gap: 2.5mm; background: var(--white); border: var(--hairline) solid var(--brown);
border-radius: var(--r-md); padding: var(--sp-050) var(--sp-100); margin: var(--sp-050) 0; font-size: var(--t-body-sm); line-height: 5mm; }
.directive .sym { font-weight: 700; color: #005A4E; } /* 상태색 do — 기호 병기 필수 */
.footer { position: absolute; left: 39mm; right: 39mm; bottom: 9mm; display: flex; justify-content: space-between;
font-size: var(--t-caption); line-height: 4.5mm; border-top: var(--hairline) solid var(--brown); padding-top: 1.5mm; }
</style>
</head>
<body>
<div class="page">
<div class="eyebrow"><span class="tick"></span>CM기획팀 · 업무 보고</div>
<h1>디자인 시스템 v0.1.1 개정 결과 보고</h1>
<table class="meta">
<tr><th>문서번호</th><td>HMCM-DS-2026-001</td><th>버전</th><td>v1.0.0</td></tr>
<tr><th>작성</th><td>CM기획팀 HMCM</td><th>작성일</th><td>2026-07-29</td></tr>
</table>
<div class="docrule"></div>
<h2>1 개요</h2>
<p class="lead">Prism 통합 디자인 시스템 v0.1.0(9파일 6,061행)을 전수 진단하고 v0.1.1로 개정하였다.
전 수치를 프로그램으로 재검산한 결과 색·대비·타입 체계는 전량 정확하였으며,
수치 오계산과 토큰 무결성 위반이 확인되어 보정하였다. 개정판과 매체별 실행 명세 6종은
"DOC/design system_v0.1.1" 폴더에 있다.</p>
<h2>2 진단 결과</h2>
<table class="data">
<caption>표 1 — 결함 유형별 진단·조치 현황</caption>
<tr><th>결함 유형</th><th style="width:14mm; text-align:right">건수</th><th>대표 사례</th><th style="width:22mm">조치</th></tr>
<tr><td>수치 오계산</td><td class="num">4</td><td>A3 8col 존 폭 249→246mm, screen 존 2건, ΔG 1건</td><td>정정 완료</td></tr>
<tr><td>토큰 참조 무결성</td><td class="num">5</td><td>미정의 토큰 sys.accent 등 (F1 위반)</td><td>정본 경로 정정</td></tr>
<tr><td>규칙·값 자기모순</td><td class="num">2</td><td>RT-2 문언 ↔ 값 불일치</td><td>문언 정정·규칙 신설</td></tr>
<tr><td>구조 결함</td><td class="num">7</td><td>태블릿 배제, 상태색 다크 미등록 등</td><td>확장·등록 완료</td></tr>
<tr><td>미구축(치명)</td><td class="num">1</td><td>L3 실행 명세 0건 (active 모듈 없음)</td><td>6종 신설</td></tr>
</table>
<h2>3 조치 내역</h2>
<p>코어 9파일을 보정하고 변경 이력에 근거를 기재하였다. 매체별 실행 명세 6종
(M1 A3 편람, M2 PPT 덱, M3 웹앱, M4 모바일·태블릿, M5 A3 설명자료, M6 A4 문서)을
신설하여 전량 active로 등록하였다. 본 보고서는 M6 single 변형(1단 37.4em)의 산출물이다.</p>
<div class="directive"><span class="sym">✓</span><span>산출물 제작 시 해당 매체의 실행 명세를 우선 적용한다.
명세와 코어 문서가 충돌하는 경우 design.tokens.json을 정본으로 한다.</span></div>
<h2>4 후속 조치</h2>
<p>인쇄 발주 전 인쇄소 출력 프로파일 확인 후 브랜드 색 CMYK 등가값을 토큰에 등록한다(CV-1~CV-3).
폴백 서체 정규화 계수는 실측 후 등재한다(NF-2). 상세 근거는 진단 보고서를 참조한다.
[출처: DOC/design system_v0.1.1/진단보고서_v0.1.0_문제점_및_개정내역_2026-07-29_v1.0.0.md]</p>
<footer class="footer">
<span>디자인 시스템 v0.1.1 개정 결과 보고 · HMCM-DS-2026-001</span>
<span>1 / 1 · v1.0.0 · 2026-07-29</span>
</footer>
</div>
</body>
</html>