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>
1.1 KiB
1.1 KiB
Frame 1171281202 — Model에 특화된 Engn. S/W (split-panel-numbered)
원본: 1863.31 × 834 px Scale: × 0.68706 → 1280 × 573 px Node ID: 45:27 (Figma) 패턴 ID:
split-panel-numbered
구조
- 좌측 패널: 그라데이션 배경 이미지(image 3844) + 3 카테고리 (GIS / Modeler / Simulation & Video) 각각 헤더바 + SW 리스트
- 중간 세로 장식 이미지(image 3855 + 3845)
- 우측 패널: 5개 번호 badge (01~05 PNG) + 설명 텍스트 + 배경 bar + 우상단 화살표 아이콘
- 상단 타이틀: gradient text "Model" + "에 특화된 Engn. S/W"
변형 가능 축
- left_categories[N=2~5]: { header_text, sw_list[] }
- right_items[N=3~8]: { number_badge_image, description }
- title_segments[]: highlighted text
특이사항
- 이미지 에셋 15+ 개 (대부분 장식/배지). 이미지 의존 높은 패턴.
- 템플릿화 시 이미지 의존도가 높아 블록 재사용성 낮을 수 있음. 콘텐츠 구조(좌: 카테고리 리스트 / 우: 번호 설명)는 재사용 가능.