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>
106 lines
6.2 KiB
HTML
106 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=1280">
|
||
<title>건설산업 고부가가치화 (Frame 1171281208)</title>
|
||
<!--
|
||
Frame: 145:8504, 1697×914 px
|
||
Scale: 1280 / 1697 = 0.75427
|
||
패턴: split-comparison-center
|
||
구조: 2D 배치 (중앙 원 겹침) → absolute + R19 zoom
|
||
-->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap" rel="stylesheet">
|
||
<style>
|
||
* { margin:0; padding:0; box-sizing:border-box; }
|
||
body {
|
||
font-family: 'Noto Sans KR', sans-serif;
|
||
background: #e8ecf0;
|
||
display: flex; justify-content: center; align-items: center;
|
||
min-height: 100vh; word-break: keep-all;
|
||
}
|
||
.slide {
|
||
width: 1280px;
|
||
background: #fff; position: relative;
|
||
box-shadow: 0 4px 20px rgba(0,0,0,.15);
|
||
}
|
||
.block { width: 1280px; position: relative; overflow: hidden; }
|
||
.inner {
|
||
width: 1697px; height: 914px;
|
||
zoom: 0.75427; /* R19 */
|
||
position: relative;
|
||
}
|
||
.abs { position: absolute; }
|
||
.abs img { width: 100%; height: 100%; object-fit: cover; display: block; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="slide">
|
||
<div class="block">
|
||
<div class="inner">
|
||
|
||
<!-- 본문 영역 border -->
|
||
<div class="abs" style="left:0; top:10px; width:1697px; height:611px; border:3px solid #5196a4; border-radius:20px; background:#fff;"></div>
|
||
|
||
<!-- 헤더 바 -->
|
||
<div class="abs" style="left:500.99px; top:0; width:673px; height:88px;"><img src="assets/9de5354619ad8ba9f47efd104df0f388c6778cc1.png"></div>
|
||
<div style="position:absolute; left:836.35px; top:40px; transform:translate(-50%,-50%); font-weight:700; font-size:0; color:#fff; text-align:center; white-space:nowrap;">
|
||
<span style="font-size:40px; line-height:normal;">정부주도</span>
|
||
<span style="font-size:50px; line-height:normal;"> BIM설계 </span>
|
||
<span style="font-size:40px; line-height:normal;">전면 도입</span>
|
||
</div>
|
||
|
||
<!-- 좌측: 생산성 향상 -->
|
||
<p style="position:absolute; left:259.93px; top:69px; transform:translateX(-50%); font-weight:900; font-size:60px; line-height:normal; text-align:center; white-space:nowrap; background:linear-gradient(to top, #0df095, #095140 79.5%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 10px 6px rgba(0,0,0,0.25);">생산성 향상</p>
|
||
<div style="position:absolute; left:259.4px; top:216px; transform:translateX(-50%); width:475px; font-weight:700; font-size:35px; line-height:90px; color:#227582; text-align:center; white-space:nowrap;">
|
||
<p>단순 반복되는 업무를 탈피하고</p>
|
||
<p><span style="font-weight:900; color:#cc5200;">업무 본질에 대한 높은 이해</span>를</p>
|
||
<p>바탕으로 <span style="font-weight:900; color:#cc5200;">창의적 아이디어</span>를 발현</p>
|
||
</div>
|
||
|
||
<!-- 우측: 디지털 전환 -->
|
||
<p style="position:absolute; left:1431.98px; top:69px; transform:translateX(-50%); font-weight:900; font-size:60px; line-height:normal; text-align:center; white-space:nowrap; background:linear-gradient(to top, #0df095, #095140 79.5%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 10px 6px rgba(0,0,0,0.25);">디지털 전환</p>
|
||
<div style="position:absolute; left:1431.44px; top:216px; transform:translateX(-50%); width:451px; font-weight:700; font-size:35px; line-height:90px; color:#227582; text-align:center; white-space:nowrap;">
|
||
<p>산업 전반의 <span style="font-weight:900; color:#cc5200;">디지털 전환</span>을 통해</p>
|
||
<p><span style="font-weight:900; color:#cc5200;">프로세스를 혁신</span>하여</p>
|
||
<p>높은 수준의 성과물을</p>
|
||
<p>만들어낼 수 있도록 하는 것</p>
|
||
</div>
|
||
|
||
<!-- 좌우 장식 이미지 -->
|
||
<div style="position:absolute; left:427.94px; top:12px; width:306px; height:609px; display:flex; align-items:center; justify-content:center;">
|
||
<div style="flex:none; transform:scaleY(-1) rotate(180deg);"><img src="assets/5a11195e0df9ff8292d56ab0c0bd78a31e95e2ba.png" style="width:306px; height:609px; opacity:0.5;"></div>
|
||
</div>
|
||
<div style="position:absolute; left:968.94px; top:12px; width:306px; height:609px; display:flex; align-items:center; justify-content:center;">
|
||
<div style="flex:none; transform:scaleY(-1);"><img src="assets/5a11195e0df9ff8292d56ab0c0bd78a31e95e2ba.png" style="width:306px; height:609px; opacity:0.5;"></div>
|
||
</div>
|
||
|
||
<!-- 중앙 원 -->
|
||
<div class="abs" style="left:573.94px; top:122px; width:550.71px; height:499px;"><img src="assets/922ee6f4bea1434652ffc08f962086052286b6c5.png"></div>
|
||
<div style="position:absolute; left:850.11px; top:377.06px; transform:translate(-50%,-50%); font-weight:700; font-size:55px; color:#fff; text-align:center; line-height:normal;">
|
||
<p>건설산업의</p>
|
||
<p>고부가가치화</p>
|
||
</div>
|
||
|
||
<!-- 하단 결론 바 -->
|
||
<div style="position:absolute; left:0; top:796px; width:1697px; height:118px; display:flex; align-items:center; justify-content:center;">
|
||
<div style="flex:none; transform:rotate(180deg);"><img src="assets/62d8e408b8381ece554ed55d20d3b54e375f92cb.svg" style="width:1697px; height:118px; display:block;"></div>
|
||
</div>
|
||
<div style="position:absolute; left:835.44px; top:855px; transform:translate(-50%,-50%); font-weight:900; font-size:0; color:#fff; text-align:center; text-shadow:0 0 4px #322c1e; white-space:nowrap;">
|
||
<span style="font-size:50px; line-height:normal;">건설산업의 고부가가치화는 </span>
|
||
<span style="font-size:60px; line-height:normal;">디지털 전환을 지원하는 S/W</span>
|
||
<span style="font-size:50px; line-height:normal;">를 통해 가능</span>
|
||
</div>
|
||
|
||
<!-- 하단 장식 -->
|
||
<div style="position:absolute; left:361.94px; top:576px; width:949px; height:250px; display:flex; align-items:center; justify-content:center;">
|
||
<div style="flex:none; transform:rotate(180deg);"><img src="assets/461a9f67c756d5057df3efbe01c515beb0a07a59.png" style="width:949px; height:250px;"></div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|