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

10 KiB
Raw Blame History

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.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
수직 존 (헤더 48192 · 콘텐츠 216960 · 푸터 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 매체 상수

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 전환).