kyeongmin
9fbe3ac90c
전체 401 files (397 추가 + 4 수정), 14304 insertions.
추가:
- figma_to_html_agent/blocks/ — Figma 변환 결과 (32 frame, ~79MB).
각 frame folder = {analysis.md, flat.md, texts.md, index.html, assets/,
_renders/, _render.py, RELATIONSHIPS.md / STATUS.md / classification.md
(일부 frame)}.
Phase Z 의 *figma source layer* — runtime 에서 직접 사용 X, contract /
partial / builder adapter (미래 axis A) 의 source.
- figma_to_html_agent/DISCUSSION-SUMMARY-20260411.md — 변환 설계 회의 기록.
- figma_to_html_agent/HARNESS.md — 변환 검증 harness.
- figma_to_html_agent/scripts/fetch_figma_screenshots.py — Figma 스크린샷 자동 수집.
수정:
- figma_to_html_agent/PROCESS-CONTROL.md / PROCESS.md / RULES.md —
변환 프로세스 / 룰 갱신 (R8/R9 lock 강화 등).
- figma_to_html_agent/blocks_index.md — 32 frame 인덱스 갱신.
Phase Z 영향 0 (figma_to_html_agent/blocks/ 가 V4 catalog +
templates/phase_z2/families adapter 의 source — runtime 에서 직접 import X).
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
3.2 KiB
3.2 KiB
Frame 1171281191 — 실측 기록 (flat)
원본: 2601 × 1927 px (node 100:132) 패턴: cards-3col-persona (3열 페르소나 카드) Scale: 1280 / 2601 = 0.49213
구조
Frame 100:132 (2601 × 1927)
├── 3 컬럼 배경 (image 2977 ×3, 같은 이미지)
│ ├── 100:137 (43, 82.3) 833×1845 — col_bg_texture
│ ├── 100:138 (880, 82.3) 834×1845
│ └── 100:139 (1718, 82.3) 833×1845
│
├── 컬러 오버레이 3개 (각 opacity 0.80)
│ ├── 100:140 overlay_left (114.01, 180.66) 691×1510 — image 2986
│ ├── 100:141 overlay_mid (948.01, 180.66) 692×1054 — image 2987
│ └── 100:142 overlay_right (1783.01, 180.66) 691×1128 — image 2988
│
├── 하단 사진 3개 (각 opacity 0.70, radius 49~50px)
│ ├── 100:143 photo_left (108, 1150.18) 697×701 — image 3574
│ ├── 100:159 photo_mid (948, 1150.18) 697×701 — image 3571
│ └── 100:183 photo_right (1781, 1150.18) 697×701 — image 3572
│
├── 원형 뱃지 3개
│ ├── 발주자 (265.38, 0) 396×397
│ │ ├── 100:153 outer — image 2983
│ │ ├── 100:154 inner (312.98, 53.88) 301×303 — image 2980
│ │ └── 100:155 TEXT "발주자\n목표" (464.4, 191.7) 181×130 — 65/50px Bold #285b4a
│ │
│ ├── 시공자 (1092.88, 0) 396×397
│ │ ├── 100:145 outer — image 2984
│ │ ├── 100:146 inner (1139.46, 51.84) 302×302 — image 2981
│ │ └── 100:147 TEXT "시공자\n목표" (1291.9, 191.7) 179×130 — 65/50px Bold #445a2f
│ │
│ └── 설계자 (1945.7, 0) 396×397
│ ├── 100:149 outer — image 2985
│ ├── 100:150 inner (1993.3, 59.98) 301×303 — image 2982
│ └── 100:151 TEXT "설계자\n목표" (2143.71, 191.7) 179×136 — 65/50px Bold #743002
│
├── 불릿 아이콘 (체크박스) — image 3005, 32.4×32.5
│ ├── 발주자 컬럼: 100:176~182 (7개, left=127.63)
│ ├── 시공자 컬럼: 100:168~174 (7개, left=961.2)
│ └── 설계자 컬럼: 100:161~166 (6개, left=1794.78)
│
└── 불릿 텍스트 (40px Medium #000, line-height 85px/50px)
├── 100:156 발주자 텍스트 (171.18, 421.58) 643×750
├── 100:157 시공자 텍스트 (1004.79, 417.52) 624×651
└── 100:158 설계자 텍스트 (1842.01, 417.52) 665×750
이미지 에셋
| hash | 의미 |
|---|---|
| 4a17cd1d... | col_bg_texture (3컬럼 BG ×3) |
| e837f870... | overlay_left |
| 755384bd... | overlay_mid |
| 5577732e... | overlay_right |
| d2c070f2... | photo_left |
| 2a6a58e7... | photo_mid |
| 39113493... | photo_right |
| 77f31997... | badge_outer_owner |
| e64c967d... | badge_inner_owner |
| 1550ec75... | badge_outer_builder |
| 85beaf9d... | badge_inner_builder |
| 9ac089fa... | badge_outer_designer |
| 4b534ccf... | badge_inner_designer |
| 6896d5c2... | checkbox_icon (×20) |
색상
| 요소 | 값 |
|---|---|
| 발주자 label | #285b4a |
| 시공자 label | #445a2f |
| 설계자 label | #743002 |
| 불릿 텍스트 | #000000, 40px Medium |
| 오버레이 opacity | 0.80 |
| 사진 opacity | 0.70 |
| 사진 radius | 49~50px |