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>
67 lines
2.1 KiB
Markdown
67 lines
2.1 KiB
Markdown
# Frame 1171281195 — BIM vs DX 비교 표
|
||
|
||
> 원본: 1868 × 1908 px
|
||
> Scale: × 0.685225 → 1280 × 1307 px (16:9 720 초과)
|
||
> Node ID: 45:20 (Figma)
|
||
> 패턴 ID (잠정): `compare-vs-rows`
|
||
|
||
## 계층 경로
|
||
|
||
```
|
||
Frame 45:20 "Frame 1171281195" (1868 × 1908)
|
||
├─ 헤더 영역
|
||
│ ├─ 17:1937~1940 "BIM과 DX의 이해" (gradient text + icon, top:0)
|
||
│ ├─ 17:1990 main title pill bg (65, 103) 1803×75 — gradient
|
||
│ └─ 17:1991 "BIM vs. DX" text (331, 100)
|
||
│
|
||
├─ 12 row × 3 col 비교 표 (top: 205~1755)
|
||
│ 각 row: { 좌 BIM 텍스트, 가운데 카테고리 pill, 우 DX 텍스트 }
|
||
│ 카테고리: BIM/DX, S/W, 프로세스, 성과물, 활용, 확장성,
|
||
│ 수행개념, CIVIL+IT, 주체, 발주처, 설계사, 시공사
|
||
│
|
||
│ 좌 컬럼 (text-right, color #5c3714 brown):
|
||
│ 17:1941 ~ 17:1952 (12개)
|
||
│ 가운데 컬럼 (white text on gradient pill, 242×varies):
|
||
│ 17:1954/1956/1958/1960/1962/1964/1966/1968/1970/1972/1974/1976
|
||
│ 우 컬럼 (text-left, color #285b4a green):
|
||
│ 17:1978 ~ 17:1989 (12개)
|
||
│
|
||
└─ 하단 결론 영역
|
||
├─ 17:1992 Rectangle 42631 (427, 1738) 1214×170 — SVG box
|
||
├─ 17:1993 결론 텍스트 "BIM은 건설산업의 DX..." (446, 1730)
|
||
└─ 17:1994 화살표 vector (좌하단)
|
||
```
|
||
|
||
## 패턴 분류
|
||
|
||
**새 패턴.** ID: `compare-vs-rows`
|
||
|
||
특징:
|
||
- 12개 비교 행 (N=variable)
|
||
- 각 행: 좌(text) | 중앙(pill 라벨) | 우(text)
|
||
- 헤더 + 메인 타이틀 pill
|
||
- 좌/우 색상 대조 (brown vs green)
|
||
- 하단 결론 박스
|
||
|
||
## 변형 가능 축
|
||
|
||
- header: { icon, title, gradient_colors, optional }
|
||
- main_pill_title: { text_left, text_center, text_right (e.g. "BIM vs. DX") }
|
||
- rows[N=2~15]: 각 행
|
||
- left: { text, color, sub_text? }
|
||
- center: { label, height_variant }
|
||
- right: { text, color, sub_text? }
|
||
- conclusion_box: { text_segments (with highlights), arrow_image, optional }
|
||
|
||
## Sub-patterns
|
||
|
||
- 좌/우 대조 텍스트 페어 (없는 sub-pattern, 1번째 등장이라 미등록)
|
||
|
||
## 자산
|
||
|
||
| hash | 의미 |
|
||
|------|------|
|
||
| b0e9fad5... | bim_dx_header_icon |
|
||
| 7713e15d... | conclusion_box_svg |
|
||
| bf175527... | arrow_vector |
|