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>
53 lines
1.7 KiB
Markdown
53 lines
1.7 KiB
Markdown
# Frame 1171281193 — BIM 수행실정 2×2 issues quadrant
|
||
|
||
> 원본: 2226 × 1766 px
|
||
> Scale: × 0.575022 → 1280 × 1015 px
|
||
> Node ID: 45:18 (Figma)
|
||
> 패턴 ID (잠정): `quadrant-2x2-issues`
|
||
|
||
## 구조
|
||
|
||
```
|
||
Frame 45:18 (2226×1766)
|
||
├─ 4 quadrant cards (2 columns × 2 rows)
|
||
│ 각 카드:
|
||
│ - rounded card (top: rounded-t-50)
|
||
│ - quadrant header ribbon (top/bottom)
|
||
│ - red headline (Bold 55px)
|
||
│ - bullet body (Regular 42px, lh 60)
|
||
│
|
||
├─ 4 quadrants:
|
||
│ 상좌: "정책 집행" header / 인정주의 정책 집행, 적용효과도... (2 issues × headlines + bodies)
|
||
│ 상우: "수행 개념" header / 공학적 개념 정립 부재, 본업..., 깊은..., 자체... (multi)
|
||
│ 하좌: "근본 취지의 이해부족" header / 기술투자..., 엔지니어링... (multi)
|
||
│ 하우: "지속적 투자 의지 부재" header / 근본적인 역할은 회피, 과거의 타성... (multi)
|
||
│
|
||
└─ 가운데 원 (background): 644.99×584.43 image + "Rome wasn't Built in a day!" (white 55px Bold)
|
||
```
|
||
|
||
## 패턴: quadrant-2x2-issues
|
||
|
||
특징:
|
||
- 2×2 그리드 (4개 카테고리)
|
||
- 각 카테고리 = ribbon header + N개의 (red headline + bullet body)
|
||
- 가운데 원형 인용구 (optional)
|
||
- 카드 배경: 둥근 모서리 (top), 진한 색
|
||
|
||
## 변형 가능 축
|
||
|
||
- quadrants[4] (보통 4 fixed, 2 또는 6도 가능)
|
||
- header_label
|
||
- issues[N=1~5]: { headline, body_bullets[] }
|
||
- center_quote (optional): { image, text }
|
||
|
||
## 자산
|
||
|
||
| hash | 의미 |
|
||
|------|------|
|
||
| fdcafc1b... | card_bg_dark |
|
||
| 922ee6f4... | center_quote_circle |
|
||
| 5d27ecb1... | header_ribbon_right (수행개념) |
|
||
| 6d311a18... | header_ribbon_left (정책 집행) |
|
||
| cab8c828... | header_ribbon_right_bot |
|
||
| 42b569ef... | header_ribbon_left_bot |
|