AI 분석
다크 모드 SaaS 자동화 도구의 노드 기반 워크플로 편집 화면이다.
왼쪽 내비게이션, 가운데 노드 캔버스, 오른쪽 상세 패널로 나뉜 3분할 구조다. 거의 검정에 가까운 배경 위에 미세한 명도 차이로만 카드를 띄우고, 강조는 앰버 오렌지 아이콘과 초록·붉은 분기 배지에 한정한다. 트리거·로직·액션 노드가 점선 그리드 캔버스 위에서 커넥터로 이어지고, 하단에는 확대율과 실행 컨트롤을 담은 플로팅 툴바가 떠 있다. 상단의 미공개 변경 배너와 우측 체크리스트가 편집·발행 상태를 함께 드러낸다. 어두운 화면에서 노드 편집기의 정보 위계와 강조색 절제를 참고하기 좋다.
dark-mode · minimal · techy
claude-opus-5 · 2026-09-07 18:29 · 신뢰도 0.92
