AI 분석
가로 진행 바에 맞춰 3단계 설명과 앱 목업이 순차 전환되는 랜딩 섹션이다.
밝은 회색 배경 위에 라운드가 큰 흰색 카드 한 장이 놓이고, 그 안에서 좌측 설명 텍스트와 우측 앱 목업이 좌우로 나뉜 스플릿 구조를 이룬다. 제목은 굵은 산세리프 두 줄이고 본문은 작은 회색 문단으로 대비를 만들며, 무채색 기반에 주황 하나만 강조색으로 써서 알약형 배지, 단계 번호 원형 배지, 버튼, 진행 바에 반복 적용한다. 헤더 아래 가로 진행 바가 1/3씩 채워지며 01 주소 선택, 02 패키지 정보 입력, 03 배송·결제 선택 단계가 교체되고, 각 단계마다 지도 위치 목록, 입력 폼, 배송 옵션 리스트 같은 실제 UI 조각이 부드러운 페이드와 상하 슬라이드로 등장한다. 카드 안쪽 배경에는 아주 옅은 주황 그라데이션이 깔려 흰 목업과 층을 나눈다. 스크롤 연동 단계 설명 섹션의 전환 타이밍과 강조색 절제 방식을 배우기 좋은 레퍼런스다.
minimal · light-mode · soft-gradient · corporate
claude-opus-5 · 2026-09-07 15:55 · 신뢰도 0.78
