Files
Pier_v1/RAG/design system_v0.1.1/design.medium.ultrawide.md
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

214 lines
10 KiB
Markdown
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.
# Prism Design System — Medium Profile: Ultrawide (Layer 2d)
| 버전 | 수정일 | 수정자 | 주요 변경 내용 | 비고 |
| :--- | :--- | :--- | :--- | :--- |
| v0.1.0 | 2026-09-29 | HMCM | 신규 작성 — 32:9 초와이드(3840×1080) 캔버스, 24열 그리드, 중앙 경계 규칙, L2b 승계 범위 | `draft` — 사용자 승인(2026-09-29) |
| v0.1.1 | 2026-09-29 | HMCM | 스키마 정합 보정 — 매체 표기를 `presentation` 변형(`presentation.ultrawide`)으로 전환, 허용 분할을 L1 §5.3과 비율 동일한 6종으로 축소(`12:6:6`·`4:4:4:12`·`12:4:4:4` 삭제), §5에 L1 대응 열 추가, `active` 전환 | [CONFLICT DETECTED] 해소 — 사용자 선택 '최소 추가' |
| 메타 | 값 |
| :--- | :--- |
| 파일 | `design.medium.ultrawide.md` |
| 계층 | **Layer 2d — Medium Profile: Ultrawide** (`presentation`의 변형 `presentation.ultrawide`) |
| 역할 | Layer 1 상대값을 **32:9 캔버스 px·EMU로 실체화** — **L2b(presentation)와 다른 부분만** 규정한다 |
| 상위 | `design.foundations.md` (Layer 1) |
| 승계 | `design.medium.presentation.md` (Layer 2b) — 아래 §1.3 승계표의 항목은 L2b 값을 **그대로** 쓴다 |
| 하위 | M7 `ultrawide/module.ultrawide-deck.md` |
| 로드 정책 | **온디맨드** |
---
## 목차
- [1. 프로파일 개요](#1-프로파일-개요)
- [2. 캔버스](#2-캔버스)
- [3. 가로 그리드](#3-가로-그리드)
- [4. 중앙 경계](#4-중앙-경계)
- [5. 허용 분할](#5-허용-분할)
- [6. 분량·시선](#6-분량시선)
- [7. 검증 체크리스트](#7-검증-체크리스트)
---
# 1. 프로파일 개요
## 1.1 적용 조건
| 적용 | 비적용 |
| :--- | :--- |
| 32:9 사이니지·울트라와이드 모니터 발표 | 16:9 투사·화면 공유 → L2b / M2 |
| 모니터 2대 연결(얇은 베젤) 확장 화면 | 5120×1442 캔버스 → X1 확장 슬롯 (modules §4.3, 본 프로파일 미적용) |
| 전시·로비 정지 화면(32:9) | 인쇄 배포 → `print` |
## 1.2 이 프로파일의 지배 조건
| 조건 | 영향 | 대응 |
| :--- | :--- | :--- |
| **높이가 16:9와 같다 (1080px)** | 캔버스 높이 기준으로 정한 크기 하한·타입 스케일이 **그대로 성립** | §1.3 승계 |
| **폭이 두 배다 (3840px)** | 한 행이 과도하게 길어질 위험, 좌우 시선 이동 증가 | §3 24열 · §6 시선 규칙 |
| **중앙 x=1920에 얇은 베젤이 있을 수 있다** | 글자가 베젤에 걸리면 판독 저하 | §4 중앙 경계 |
## 1.3 L2b 승계표
| 항목 | 승계 값 | L2b 위치 |
| :--- | :--- | :--- |
| 투사 열화 보정 (최소 크기·선 굵기·대비 AAA) | 동일 | §3 |
| 수직 존 (헤더 48~192 · 콘텐츠 216~960 · 푸터 984~1032) | 동일 | §4.3 |
| 스페이싱·반경·획 | 동일 | §4.5 |
| 타입 바인딩 (base 24px, `size(n)=24×1.125ⁿ`) | 동일 | §5 |
| 색·테마·악센트 경제 (슬라이드당 ≤ 2) | 동일 | §6 |
| 강조 슬라이드 (≤ 10%, 연속 2장 금지) | 동일 | §7 |
| 표면·그림자·알파·그라디언트 금지 | 동일 | §8 |
> **승계 근거**: body/캔버스 높이 비 = 24/1080 = **H/45** 로 L2b와 같다. 선행 SAMAN 초와이드(32/1442)도 H/45로 수렴한다 [출처: `design.modules.md` §4.3]. 따라서 **새로 정하는 값은 가로 방향(§2~§6)뿐**이다.
## 1.4 매체 상수
```yaml
medium: presentation
medium_variant: presentation.ultrawide # modules §2.1 — screen.web / screen.mobile 선례
inherits: presentation # §1.3 승계표
unit_primary: px
canvas: 3840 x 1080 # 32:9
px_to_emu: 6350
columns: 24
margin_lr: 48 # space.400
gutter: 24 # space.200
column_w: 133
center_line: 1920
center_rule: text-no-cross # §4
```
---
# 2. 캔버스
| 단위 | 폭 | 높이 | 비고 |
| :--- | ---: | ---: | :--- |
| **px (오써링)** | **3840** | **1080** | 논리 캔버스 |
| inch | 26.6667 | 7.5 | = px ÷ 144 (PowerPoint 최대 56in 이내) |
| pt | 1920 | 540 | = px ÷ 2 |
| **EMU** | **24,384,000** | **6,858,000** | = px × 6350 (정수, 잔차 0) |
| 종횡비 | **3.5556 (32:9)** | | |
| ID | 규칙 |
| :--- | :--- |
| **UC-1** | 오써링 캔버스는 **3840×1080에 고정**한다 |
| **UC-2** | 3840×1080을 **1920×1080 두 장으로 쪼개어 제작하지 않는다.** 한 장의 캔버스로 설계한다 (시선 흐름·결론 존 단일성 유지) |
| **UC-3** | 출력 시 **전체 스케일**한다. 요소별 개별 스케일 금지 (L2b CV-3 준용) |
---
# 3. 가로 그리드
## 3.1 규격
| 항목 | 값 |
| :--- | ---: |
| 좌우 마진 | **48px** (`space.400`) |
| 콘텐츠 폭 | **3744px** |
| 컬럼 수 | **24** |
| 거터 | **24px** (`space.200`) |
| **컬럼 폭** | **133px** |
| 정합 검증 | 24 × 133 + 23 × 24 = **3744** ✓ |
> **설계 근거**: L2b의 마진·거터 토큰(48·24)을 그대로 두고 컬럼 수만 두 배로 늘렸다. **12열 병합 = 1860px**으로 L2b 콘텐츠 폭(1824px)과 거의 같아, 반쪽 화면에서 16:9 조판 감각이 유지된다. `[자체 정의]`
### 컬럼 X 좌표
```
X(i) = 48 + (i−1) × 157 컬럼 끝 = X(i) + 133
```
| Col | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| :--- | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: |
| X | 48 | 205 | 362 | 519 | 676 | 833 | 990 | 1147 | 1304 | 1461 | 1618 | 1775 |
| Col | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 |
| :--- | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: |
| X | 1932 | 2089 | 2246 | 2403 | 2560 | 2717 | 2874 | 3031 | 3188 | 3345 | 3502 | 3659 |
Col 24 끝 = 3792 (우 마진 48) ✓
## 3.2 존 폭과 행 길이 (body 24px)
| 컬럼 병합 | 폭 | **measure** | 판정 [foundations §3.7] |
| :---: | ---: | ---: | :--- |
| 24 col | 3744px | 156.0 em | **도판·배경 전용** |
| 16 col | 2488px | 103.7 em | **도판 전용** |
| 12 col | 1860px | 77.5 em | 도판·표·단문(1~2행) 전용 |
| 8 col | 1232px | 51.3 em | 도판·표 전용 |
| **6 col** | **918px** | **38.2 em** | **✓ 1단 본문 상한** (허용 확장 45em 이내) |
| **5 col** | **761px** | **31.7 em** | **✓ 1단 이상값(33em) 근접** |
| **4 col** | **604px** | **25.2 em** | **✓ 다단 본문** |
| 3 col | 447px | 18.6 em | 짧은 텍스트 (3행 이하) |
| ID | 규칙 |
| :--- | :--- |
| **UZ-1** | 연속 본문은 **6 col 이하** 존에만 둔다 (L2b ZN-1과 같은 폭 한계) |
| **UZ-2** | 8 col 이상 존은 **도판·표·단문** 전용이다 |
| **UZ-3** | **텍스트 요소 1개의 최대 폭은 12 col(1860px)** 이다. 이를 넘는 텍스트 상자를 두지 않는다 |
---
# 4. 중앙 경계
캔버스 중심 x=1920은 **12열 끝(1908)과 13열 시작(1932) 사이 거터의 정중앙**에 놓인다.
| ID | 규칙 | 근거 |
| :--- | :--- | :--- |
| **CB-1** | **글자는 x=1920을 가로지르지 않는다.** 제목·본문·라벨·수치 모두 해당 | 사용자 확정 (2026-09-29) — 사이니지 얇은 베젤 |
| **CB-2** | 도판·선·커넥터·배경 면은 중앙을 가로질러도 된다 | 〃 |
| **CB-3** | 모든 허용 분할(§5)은 **12\|13 경계를 존 경계로 포함**한다. 예외: 도판 전용 16 col 존 | CB-1을 구조로 보장 |
| **CB-4** | 가로지르는 도판 위에 **라벨을 얹을 때** 라벨 상자가 1908~1932 구간과 겹치지 않게 한다 | CB-1 |
> **효과**: 헤더 제목(최대 25자 × 49px = 1225px)과 principle(최대 60자 × 30px = 1800px)은 좌반면(48~1908) 안에서 끝난다. 규칙을 지키면 **베젤이 있든 없든 같은 결과**가 나온다.
---
# 5. 허용 분할
좌표는 `x / 폭` (px). EMU = px × 6350. **24열 분할을 ½로 줄이면 L1 §5.3 허용 분할과 비율이 같다** — 신규 분할을 만들지 않는다 (GS-1, 사용자 확정 2026-09-29).
| 분할 | L1 대응 | 존1 | 존2 | 존3 | 존4 | 용도 |
| :--- | :--- | :--- | :--- | :--- | :--- | :--- |
| `24` | `12` | 48 / 3744 | | | | 전폭 도판·배경 전용 (텍스트는 UZ-3) |
| **`12:12`** | `6:6` | 48 / 1860 | 1932 / 1860 | | | **좌우 대조 · 기본형** |
| `6:6:12` | `3:3:6` | 48 / 918 | 990 / 918 | 1932 / 1860 | | 사실 2개 + 결론 (SAMAN 유형 A 계승) · **3요소 대체형** |
| `6:6:6:6` | `3:3:3:3` | 48 / 918 | 990 / 918 | 1932 / 918 | 2874 / 918 | 4단계 프로세스 |
| `16:8` | `8:4` | 48 / 2488 | 2560 / 1232 | | | 대형 도판(중앙 횡단 허용) + 해설 |
| `8:16` | `4:8` | 48 / 1232 | 1304 / 2488 | | | 해설 + 대형 도판(중앙 횡단 허용) |
| ID | 규칙 |
| :--- | :--- |
| **US-1** | 위 6종 외 분할을 쓰지 않는다. 추가가 필요하면 L1 §5.3에 먼저 등재하고(GS-2) CB-3을 검증한다 |
| **US-2** | `8:8:8`(L1 `4:4:4`)은 **허용하지 않는다** — 가운데 존(1304~2536)이 중앙을 가로질러 CB-1과 충돌한다. 3요소는 `6:6:12`로 대체한다 |
| **US-3** | 16 col 존에는 텍스트를 두지 않는다 (라벨은 CB-4) |
---
# 6. 분량·시선
| ID | 규칙 | 근거 |
| :--- | :--- | :--- |
| **UV-1** | **슬라이드당 화면 문구 총량은 L2b와 같다** (M2 §7 예산 승계, 250자) | 폭이 넓어져도 읽는 시간은 늘지 않는다 `[자체 정의]` |
| **UV-2** | 읽는 순서는 **좌반면 → 우반면**이다. 결론 존은 **우반면**에 둔다 | 좌→우 진행의 귀결 위치 `[자체 정의]` |
| **UV-3** | 좌우 반면의 **상단 정렬선(y=216)** 을 맞춘다. 한쪽만 비는 반면이 생기면 도판·여백으로 의도를 드러낸다 | L2b VZ-4(하단 공백 25%) 준용 |
| **UV-4** | 슬라이드당 결론 존은 **1개**다 (PD-1). 반면마다 하나씩 두지 않는다 | foundations PD-1 |
---
# 7. 검증 체크리스트
L2b §10 자동·육안 항목을 **그대로 적용**하고, 아래를 추가한다.
| # | 항목 | 기준 |
| :-: | :--- | :--- |
| U1 | 캔버스 | 3840×1080, EMU 24,384,000 × 6,858,000 |
| U2 | 그리드 | 24×133+23×24 = 3744, 존 좌표 §5 일치 |
| U3 | 중앙 경계 | 텍스트 요소 bbox 중 x=1920 포함 **0건** |
| U4 | 텍스트 폭 | 텍스트 요소 폭 ≤ 1860px |
| U5 | 분할 | §5 목록 외 0건 |
| U6 | 결론 존 | 슬라이드당 1개, 우반면 |
*본 프로파일은 참조 사양이다. 상태: `active` (M7 등록과 함께 2026-09-29 전환).*