← 목록
#5

코리아100 업무구조도 (Green Swimlane Matrix)

출처korea100 · 대한민국 제도 100 — 환경영향평가 업무구조도 (텔레그램 수신 이미지, 원 출처 URL 미상)
날짜2026-07-11
카테고리web
태그다이어그램, 스윔레인, 업무구조도, 인포그래픽, 그린, 상태색-문법, 포스터
코리아100 업무구조도 (Green Swimlane Matrix)
🗣️ 이렇게 말하세요
"5번(코리아100 업무구조도 (Green Swimlane Matrix)) 스타일로 만들어줘"
에이전트용 정본: ~/design-team/references/web/korea100-workflow-swimlane-20260711.md
색상토큰HEX
background#FCFCFC
laneTint#F6F8F7
brandCore#00754F
stateForward#15B380
stateBottleneck#DF960C
stateReturn#1F76E7
역할폰트비고
heading프리텐다드 계열 한글 산세리프, 볼드 (추정)
body동일 산세리프 레귤러 + ID코드(P01…)는 모노스페이스 계열 (추정)

관찰 체크리스트 (레퍼런스 충실 프로토콜 1단계)

# 항목 레퍼런스는? (관찰)
1 레이아웃 형태 매트릭스형 스윔레인 — 세로축=단계(G0~G7, 위→아래 시간 흐름), 가로축=책임 주체 4열(사업 준비·작성/승인·공고/협의·전문검토/주민·정보공개). 상단 타이틀 블록 + 본문 그리드 + 하단 범례·각주의 3단 구성, 세로 포스터(3:4) 단일 화면
2 네비게이션 해당 없음(정적 이미지). 대신 하단 '읽는 법' 범례와 '세로 읽기: 단계는 위→아래, 책임 주체는 좌→우' 안내문이 항해 역할
3 현재 위치·진도 표시 좌측 단계 레일(G0~G7)이 진도 축 — 핵심 단계(G2 조사·초안)만 진녹 채움+흰 글자로 반전 강조, 나머지는 연녹 틴트
4 인터랙션 해당 없음(정적 이미지)
5 색·타이포 그린 브랜드 단색 + 의미론적 상태색 4종(선행 #15B380 / 핵심 #00754F / 병목 #DF960C / 회귀 #1F76E7). 컬럼 헤더마다 상단 컬러바(초록·파랑·앰버·틸)로 열 구분. 카드 내 3위계: ID코드(소형) > 업무명(볼드) > 행위자(그레이 소자)
6 도식·일러스트 흰 라운드 카드 노드 + 우상단 상태 배지, 화살표 3종 문법(회색 실선=절차 순서, 초록 점선=정보 전달, 파랑 점선=보완 회귀), 화살표 중간에 필(pill) 형태 엣지 라벨('공고·공람', '보완 필요' 등)
7 콜아웃 박스 카드 상태별 변형이 콜아웃 역할 — 핵심=진녹 채움 반전, 병목=앰버 테두리+크림 틴트, 회귀=블루 테두리+하늘색 틴트, 카드 하단 ⚠ 경고 서브라인(미완료·미확정 사항)
8 반응형·모바일 해당 없음(정적 세로 포스터 이미지)
9 표지·간지 신문 헤더식 타이틀 블록 — 아이브로우(시리즈명, 소형 그린) > 대제목(볼드) > 읽는 법 한 줄 부제 > 메타 통계행(18개 업무·8단계·9개 행위자 | 법령 기준일 | 우측 핵심 병목 요약). 하단 각주에 출처·면책·브랜드 시그니처(korea100)

스타일 재현 노트 (도표 문법)

이 레퍼런스의 핵심은 색이 아니라 문법이다. 다른 주제(다른 제도·업무 흐름)에 그대로 이식할 수 있는 규칙:

1. 축 문법

2. 카드 해부도

┌──────────────────────┐
│ ◇ P04         [배지] │  ← ID코드(모노) + 상태 배지(우상단)
│ 현황조사·영향예측     │  ← 업무명(볼드, 1~2줄)
│ ⚠ 계절조사 1회 미완료 │  ← 경고 서브라인(선택)
│ 사업자               │  ← 행위자(그레이 소자)
└──────────────────────┘

3. 화살표 문법

선 의미
회색 실선 → 절차 순서
초록 점선 ⇢ 정보 전달
파랑 점선 ⇠ 보완 회귀(역방향)

긴 화살표에는 중간에 필(pill) 라벨을 단다.

4. 자기설명 장치 (빠뜨리기 쉬운 완성 요소)

5. 구현 제안