{# ───────────────────────────────────────────────────────────────────────────── Visual Provenance — figma_to_html_agent/blocks/1171281191/ (frame 14) ───────────────────────────────────────────────────────────────────────────── Frame 14 = "주체별 기대효과" (cards-3col-persona, 2601×1927 px, scale 0.49213). Figma 원본 = 3 컬럼 카드, 각 카드 = 배경 텍스처 + 컬러 오버레이 + 원형 뱃지 (persona 이름 + "목표") + 7 bullets + 하단 사진. token-fixed Phase Z partial. PROMOTED (Figma 색 → CSS gradient / accent 보존) : - 발주자 accent : Figma TEXT #285b4a (dark green) - 시공자 accent : Figma TEXT #445a2f (olive) - 설계자 accent : Figma TEXT #743002 (red-brown) - title gradient : Figma #000 → #883700 (frame 13 과 동일 family 의 zone title) - card 외곽 border : 2px solid (frame 13 의 pillar bar 룰 따라) NOT PROMOTED (Figma 데코지만 MDX 에 없으므로 주입 X — memory rule `feedback_blocks_must_be_css.md` : Figma SVG/PNG image slot 금지) : - col_bg_texture / overlay / 하단 사진 등 image asset - 원형 뱃지 inner/outer image — CSS round shape 으로 대체 ADAPTED : - Figma 65/50/40px → token-fixed (zone-title 13 / sub-title 12 / body 11) - badge 원형 → CSS circle (radial-gradient 의 accent border) - bullet check icon image → ::before 의 unicode check (∙ → ✓ approximate) ───────────────────────────────────────────────────────────────────────────── slots : title, personas[].{label, body, color_class} - color_class ∈ {client, constructor, designer} (role_order 따라) - body = list[{text:str, indent:int}] (parse_quadrant_item 출력) #}
{{ slot_payload.title }}
{% for persona in slot_payload.personas %}
{{ persona.label | safe }} 목표
{% if persona.body %} {% for line in persona.body %}
{{ line.text | safe }}
{% endfor %} {% endif %}
{% endfor %}