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>
28 lines
836 B
Markdown
28 lines
836 B
Markdown
# Frame 1171281180 — 시공상세 정보물 (stacked arrow list)
|
||
|
||
> 원본: 1153 × 591.92 px
|
||
> Scale: × 1.11014 → 1280 × 657 px (슬라이드 720 내에 fit)
|
||
> Node ID: 45:5 (Figma)
|
||
> 패턴 ID: `stacked-arrow-list`
|
||
|
||
## 구조
|
||
|
||
- 타이틀 (gradient text "시공상세 정보물" highlighted, 배경 bar)
|
||
- 5개 pill-row: 각각 다른 색 border-bottom + 화살표 마커 + 텍스트
|
||
- 좌측 원호 장식 SVG ("시공 상세 정보물" 세로 텍스트)
|
||
- 각 row의 width와 left가 계단식으로 변화 (indent)
|
||
|
||
## 변형 가능 축
|
||
|
||
- items[N=3~8]: { text, border_color }
|
||
- title_segments[]: { text, highlight? }
|
||
- left_decoration (optional, SVG arc)
|
||
- left_label (optional, 세로 텍스트)
|
||
|
||
## 자산
|
||
|
||
| hash | 의미 |
|
||
|------|------|
|
||
| ff649c28... | left_arc_decoration (SVG) |
|
||
| 29c778b5... | arrow_marker (SVG) |
|