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>
35 lines
815 B
HTML
35 lines
815 B
HTML
<!DOCTYPE html>
|
||
<html lang="ko">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body {
|
||
display: flex; justify-content: center; align-items: center;
|
||
min-height: 100vh; background: #f5f5f5;
|
||
}
|
||
.block {
|
||
width: 1280px; height: 697px;
|
||
background: #000;
|
||
position: relative;
|
||
}
|
||
/* 42335 - 실제 dimensions 727 × 351 (MCP 라벨이 반대)
|
||
스케일: 424 × 205
|
||
BR: 175.5 0 0 175.5 → 102 0 0 102
|
||
gradient: 90deg, Figma 색상 그대로 */
|
||
.shape-42335 {
|
||
position: absolute;
|
||
left: 428px; top: 246px;
|
||
width: 424px; height: 205px;
|
||
border-radius: 102px 0 0 102px;
|
||
background: linear-gradient(90deg, rgba(217,162,104,1) 37%, rgba(220,103,14,0) 89%);
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="block">
|
||
<div class="shape-42335"></div>
|
||
</div>
|
||
</body>
|
||
</html>
|