AI 분석
검정 배경 위에 아이소메트릭 레이어 일러스트로 연결 단계를 설명하는 온보딩 화면이다.
짧은 제목과 두세 줄 설명이 좌상단에 놓이고 그 아래 넓은 여백에 아이소메트릭 레이어 일러스트가 중심을 잡는 단일 칼럼 구성이다. 순수한 검정 배경에 흰색 제목과 회색 본문으로 대비를 만들고, 코발트 블루로 칠해진 활성 레이어 하나만 강조색으로 남겨 시선을 고정한다. 각 장은 서비스 개념, 코드 저장소 연결, 배포 제공자 연결이라는 온보딩 단계를 하나씩 맡으며, 반투명한 비활성 레이어와 도트 패턴, 코드 라인 추상화로 스택 구조를 은유한다. 카피 왼쪽의 얇은 수직선이 단계 진행을 암시해 스텝 인디케이터 역할을 겸한다. 설명이 지루해지기 쉬운 개발자 도구 설정 과정을 일러스트 시스템 하나로 일관되게 풀어낸 온보딩 레퍼런스로 쓸 만하다.
dark-mode · minimal · 3d · high-contrast · techy
claude-opus-5 · 2026-09-07 18:25 · 신뢰도 0.90
