OrgChart 1단계 카드 자산
대표자.svg: 사용자가 본문으로 전달한 SVG. 최상단 독립topLeader전용, 146×74. 부서 자산 매핑에 넣지 않는다.사업관리팀.svg,사업관리팀-sm.svg: 사용자 PNG에서 색상·알파·내측 그라데이션 방향을 추출한 벡터. 조직장 146×68 / 일반 직원 108×52. PNG를 SVG에 삽입하지 않는다.- 경영기획팀 / 디자인기획팀 / 솔루션통합팀 / 인재성장팀 / 통합시스템 디비전의 큰·작은 SVG 10개:
D:\디자인시스템\카드 이미지에서 원본 바이트를 그대로 복사했다. SHA-256 일치는test-results/org-chart-card-design/browser.json에서 확인한다.
부서 매핑은 src/core/department-card-assets.ts, 대표자 전용 매핑은 src/core/representative-card-asset.ts에 있다. solution-sales에 솔루션통합팀 자산을 쓰는 것은 이번 작업에서 사용자가 명시 승인했다. 하위 조직은 실제 parentId로 상위 부서 자산을 찾으며 데이터 JSON을 수정하지 않는다.
사업관리 PNG 원본은 확장자가 없는 D:\디자인시스템\카드 이미지\사업관리(PNG, 408×191)다. 추출 색은 외곽 #DEE6F0 → #A8BBD1 → #577BA5(마지막 opacity 0.6), 내측 #FFFFFF → #E0E6F4다. 경영기획과 색상 끝점은 같지만 사업관리 PNG의 투명도와 내측 그라데이션 방향을 별도로 유지했다.
재생성: examples/org-chart/create-business-card-assets.py <원본 PNG 경로>. Pillow/numpy가 필요하다. 추출 근거는 business-management-colors.json, Chrome 실제 래스터 비교는 business-management-comparison.json에 보존한다. 신규 벡터의 외곽·곡선 path는 같은 크기의 경영기획 SVG를 재사용한다.
SVG는 ?inline으로 번들에 포함되고 별도 장식 이미지 레이어로 렌더링된다. 직원 이름·직위·직책·상태·프로필·관계사 로고는 기존 데이터 레이어다. 파견/휴직 보조 영역에는 새 자산을 전달하지 않는다. 고정 카드 크기의 소비자 override는 이 원본 비율 variant에 적용하지 않는다.