kyeongmin
beb5fd0c61
- 10단계 변환 프로세스 (PROCESS.md) - 수학 공식 레퍼런스 (MATH.md, gradient_math.py) - CSS 보정 규칙 R1~R16 (RULES.md) - 작업 규율 7개 규칙 (PROCESS-CONTROL.md) - 8개 Figma 프레임 1:1 HTML 변환물 (block-tests/) - 8개 Jinja2 템플릿 staging (templates_staging/) - 변환 완료 도서관 + 디자인 인사이트 (blocks_index.md) - 사용법 가이드 (README.md) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
72 lines
1.9 KiB
YAML
72 lines
1.9 KiB
YAML
pattern_id: quadrant-2x2-issues
|
||
category: emphasis
|
||
version: 0.1.0
|
||
provenance:
|
||
source_frame: "45:18 / Frame 1171281193"
|
||
reference_html: ../block-tests/bim-issues-quadrant.html
|
||
reference_render: ../block-tests/_renders/bim-issues-quadrant.png
|
||
|
||
description: |
|
||
2×2 그리드 진단 패턴. 4개 카테고리 각각에 N개의 issue (red headline + bullet body).
|
||
중앙에 optional 인용구 원 (강조 메시지/명언). 문제 진단, SWOT, 4-quadrant 분석에 적합.
|
||
|
||
when:
|
||
relation_type:
|
||
- 4-quadrant-diagnosis
|
||
- issue-categorization
|
||
- swot
|
||
- 2x2-comparison
|
||
content_shape:
|
||
quadrants: { exact: 4 }
|
||
issues_per_quadrant: { min: 1, max: 5 }
|
||
|
||
not_for:
|
||
- linear-process
|
||
- single-statement
|
||
|
||
slots:
|
||
quadrants:
|
||
type: list
|
||
required: true
|
||
min: 4
|
||
max: 4
|
||
item:
|
||
label: { type: string, required: true }
|
||
issues:
|
||
type: list
|
||
required: true
|
||
min: 1
|
||
max: 5
|
||
item:
|
||
headline: { type: string, required: true }
|
||
bullets: { type: list, items: string, min: 1 }
|
||
|
||
center_quote:
|
||
type: object
|
||
required: false
|
||
properties:
|
||
text: { type: string, required: true }
|
||
image: { type: image, required: false }
|
||
|
||
card_bg_image: { type: image, required: false }
|
||
headline_color: { type: color, default: "#ff0000" }
|
||
body_color: { type: color, default: "#ffffff" }
|
||
header_bg: { type: gradient_string, default: "linear-gradient(90deg, #4a4028 0%, #285b4a 100%)" }
|
||
header_text_color: { type: color, default: "#ffffff" }
|
||
|
||
tokens:
|
||
block_w: { default: 1280 }
|
||
row_gap: { default: "0.6rem" }
|
||
|
||
min_size_px: { width: 800, height: 600 }
|
||
max_size_px: { width: 1920, height: 1500 }
|
||
|
||
sub_patterns: []
|
||
priority: 50
|
||
|
||
diff_from_reference:
|
||
- "absolute pixel positions → CSS grid 2×2"
|
||
- "4 quadrants는 fixed (2x2 패턴 정의)"
|
||
- "issues[N] 개수 자유"
|
||
- "center quote optional"
|