AI 분석
워크플로 단계와 필요한 연동, 효과 지표를 한 모달에 정리한 라이트 모드 템플릿 미리보기다.
밝은 회색 배경 위 흰 모달이 왼쪽 단계 목록과 오른쪽 요구 사항 패널의 2단 구성으로 나뉘고, 하단에는 회색 푸터 바가 붙는다. 왼쪽은 번호가 붙은 6단계가 세로 연결선과 색이 다른 아이콘 타일로 이어지는 타임라인이며, 단계 유형과 세부 설정은 회색 보조 텍스트와 모노스페이스 값으로 구분한다. 오른쪽에는 연동 서비스별 연결됨 배지와 연결 버튼, 라벨-값 쌍의 지표 목록, 색이 다른 필 배지가 배치된다. 푸터에는 미리보기 텍스트 링크와 닫기 보조 버튼, 파란 그라데이션 주 버튼이 정렬된다. 자동화나 통합 도구의 템플릿 상세 모달에서 정보 위계와 단계 시각화를 설계할 때 참고하기 좋다.
minimal · light-mode · corporate
claude-opus-5-5 · 2026-10-16 05:51 · 신뢰도 0.93