Files
Figma-to-HTML/block-tests/bim-future-statement_flat.md
kyeongmin beb5fd0c61 Figma-to-HTML 에이전트 초기 커밋
- 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>
2026-04-13 11:16:33 +09:00

1.6 KiB
Raw Blame History

Frame 1171281207 — BIM 미래 선언 메시지 (pill banner)

원본: 3547 × 163 px Scale: × 0.36088 → 1280 × 58.8 px (매우 wide & thin) Node ID: 51:170 (Figma) 패턴 ID (잠정): statement-pill-highlight 매우 단순한 단일 메시지 배너

계층 경로

Frame 51:170 "Frame 1171281207" (3547 × 163)
├─ 17:2087 image 3668 (0, 0) 3547 × 163 — 배경 PNG, border-radius 97 (= 163/2 → 완전 캡슐)
└─ 17:2088 TEXT (205, 33) 2933 × 90
       center (1671.5, 78), font 80 Bold Noto Sans KR, white
       text-shadow 0 0 4px rgba(0,0,0,0.5)
       tracking -0.16px
       inline span 분리:
         "수행과정 연속화와 관리체계 일원화된 형태의 " (white)
         "전용ㆍ전문 S/W 개발" (#fe3 yellow)
         " 없이는 미래가 없다." (white)

이상 탐지 결과

검사 결과
회전 없음
좁은 박스 없음
중복 없음
Vector metadata N/A

패턴 분류

새 패턴 발견. 잠정 ID: statement-pill-highlight

특징:

  • pill 모양 (border-radius = height/2)
  • 배경 PNG (어두운 그래프 텍스처)
  • 단일 line 메시지, 일부 span만 highlighted color
  • text-shadow로 가독성 강화

변형 가능 축

  • text_segments[N]: 인라인 span들 (각각 텍스트 + 색상)
  • bg_image (optional, default: dark texture)
  • text_shadow_color (optional)
  • block_w (zone width), block_h (자동 = font_size × 1.1 or fixed)

Sub-patterns

없음 (atomic 단순 패턴)

자산 매핑

hash 의미
527bd780... bg_dark_texture