AI 분석
기존 사용 도구를 고르는 온보딩 폼과 제품 미리보기를 좌우로 나눈 셋업 화면이다.
브라우저 목업 안에서 화면을 좌우로 나눠 왼쪽에는 온보딩 폼을, 오른쪽에는 제품 미리보기를 배치한다. 왼쪽은 흰 배경 위 3열 카드 그리드로 도구 선택지를 보여주고 선택된 카드는 보라색 테두리와 연한 배경으로 상태를 표시하며, 하단의 채워진 기본 버튼과 텍스트형 건너뛰기 버튼, 4단계 진행 바가 흐름의 위치를 알린다. 오른쪽은 연회색 배경 위에 아이콘 사이드바와 프로젝트 목록 테이블을 담은 카드가 떠 있고 진행률 바와 우선순위 배지가 행마다 반복된다. 굵은 산세리프 제목과 회색 보조 문구, 단일 보라 강조색으로 위계를 단순하게 유지한다. 온보딩 단계에서 선택 상태 표현과 제품 미리보기를 함께 보여주는 구성의 레퍼런스로 유용하다.
minimal · light-mode · corporate
claude-opus-5 · 2026-09-07 21:53 · 신뢰도 0.92