Legal Architecture

• 당사자 → 증거 → 사실 → 적용 법률 → 판결로 이어지는 소송 흐름도가 필요한 경우.
• 계약서를 검토하면서 당사자, 권리/의무, 이행 마일스톤, 위반 결과에 대한 시각적 맵을 원하는 경우.
• 고객 커뮤니케이션 또는 내부 교육을 위한 규제 절차 다이어그램(신청 → 검토 → 결정 → 구제)이 필요한 경우.
• 사건 파일 또는 프레젠테이션을 위한 증거 연쇄 다이어그램, 청구 근거 분석 차트, 또는 법률 위계 맵을 원하는 경우.

• 편집 가능한 벡터 파일 (예: .svg, .ai, .vsdx)이 필요한 경우 — 단독 HTML 문서가 아닌 형태로 필요할 때.
• JavaScript를 활용한 인터랙티브 또는 데이터 기반 대시보드가 필요한 경우 — 이 스킬은 정적 SVG만 생성합니다.
• 시각화의 성격이 완전히 비법률적인 경우 (조직도, 엔지니어링 아키텍처 등) — 일반적인 다이어그램 스킬이 더 적합합니다.

모든 다이어그램은 모든 CSS와 SVG가 인라인으로 포함된 단일 .html 파일로 제공됩니다. 외부 이미지, JavaScript, 서버가 필요 없으며 — 브라우저에서 바로 열거나 Word 또는 PowerPoint에 직접 삽입할 수 있습니다.

일곱 가지 미리 정의된 색상 범주가 서로 다른 법률 구성 요소 유형에 대응합니다: 당사자(파란색), 사실(슬레이트), 증거(황색), 법률(에메랄드), 절차(보라색), 판결(빨간색), 쟁점 사항(주황색). 이를 통해 법률 전문가들이 다이어그램을 즉시 파악할 수 있습니다.

세 가지 전문 레이아웃을 지원합니다: 소송 흐름 (점선 그룹 박스를 포함한 위에서 아래로의 계층 구조), 계약 관계 (허브 앤 스포크 또는 2열 구성), 법률 프레임워크 (계층적 트리 구조). 레이아웃은 콘텐츠 유형에 따라 자동으로 선택됩니다.

밝은 #f8fafc 배경, Google Fonts를 통해 불러오는 Inter 서체, 그리고 정밀한 간격 규칙이 적용된 깔끔한 둥근 직사각형 컴포넌트를 사용합니다. 브라우저에서 직접 인쇄했을 때 전문적인 결과물을 제공합니다.

화살표는 SVG 문서 순서에서 항상 컴포넌트 박스보다 먼저 그려지므로, 연결선이 노드 뒤에 깔끔하게 표시됩니다. 불투명한 흰색 배경 사각형을 추가로 사용하여 화살표가 색상이 있는 박스를 통해 비치는 현상을 방지합니다.

각 출력에는 헤더(제목, 사건 번호, 법원), 다이어그램 카드, 3열 메타데이터 그리드(당사자, 증거 요약, 판결 핵심 사항), 그리고 푸터가 포함되며, 단순한 원시 다이어그램이 아닌 완성된 문서를 제공합니다.

재판을 준비하는 변호사가 이 스킬을 활용하여 원고/피고 → 쟁점 사항 → 증거 → 사실 인정 → 법적 근거 → 판결로 이어지는 계층형 흐름도를 생성합니다. 결과물은 인쇄 가능한 HTML 파일 형식으로 의뢰인과 공유됩니다.

계약 관리자가 복잡한 다자간 계약서를 입력하면, 각 당사자의 의무 사항, 주요 성과 마일스톤, 위반 책임 조항을 시각적으로 나타내는 허브 앤 스포크(hub-and-spoke) 다이어그램을 제공받으며 — 이는 검토 보고서에 바로 삽입할 수 있는 형태로 제공됩니다.

컴플라이언스 팀은 이 스킬을 활용하여 규제 신청 가이드 또는 내부 교육 자료를 위한 행정 절차(신청 → 검토 → 결정 → 이의신청/구제)를 도식화합니다.

변호사는 개별 증거물을 확립된 사실과 연결하고, 궁극적으로 법적 청구 근거로 이어지는 논리적 사슬을 시각화하여 법원 또는 중재 제출을 위한 명확한 증거 자료를 작성합니다.