AI 분석
좌측 단계 목록과 우측 3열 카드 그리드로 외부 서비스 연동을 고르는 온보딩 화면이다.
브라우저 창 목업 안에 상단 헤더, 좌측 세로 단계 트래커, 우측 본문의 3열 카드 그리드가 배치된 온보딩 화면이다. 밝은 회색 배경 위 흰 카드와 얇은 회색 테두리를 쓰고, 굵은 산세리프 제목과 회색 보조 문구로 위계를 잡으며 파란색을 선택 상태와 주요 버튼에만 제한적으로 쓴다. 각 카드는 컬러 서비스 아이콘, 이름, 두 줄 설명, 우상단의 작은 배지로 구성되고 미지원 항목은 회색으로 흐리게 처리했으며, 마지막 칸은 입력 필드와 비활성 제출 버튼이 있는 요청 카드로 채웠다. 완료·현재·대기 단계를 색과 아이콘으로 구분한 트래커와 하단 고정 액션 바가 함께 있어 다단계 온보딩과 선택형 통합 화면의 밀도 조절 레퍼런스로 쓸 만하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 16:21 · 신뢰도 0.93
