단계별 가입 폼

연한 파란빛 그라데이션 배경 한가운데에 모서리가 둥글고 그림자가 은은한 흰색 카드가 하나 놓여 있어요.

카드 맨 위에는 가운데 정렬된 제목 한 줄이 있고, 그 아래에는 숫자가 적힌 동그라미 세 개가 가는 가로선으로 이어져 나란히 놓이며, 동그라미 아래에는 저마다 작은 글씨로 단계 이름이 붙어 있어요.

카드 본문에는 한 번에 한 단계만 보이는데, 세 단계 모두 작은 소제목으로 시작하고 앞의 두 단계에는 라벨이 붙은 둥근 입력칸이 두 개씩, 마지막 단계에는 큰 이모지와 짧은 문구 두 줄이 가운데 정렬로 들어가며, 맨 아래에는 폭을 채우는 버튼이 하나 있고 두 번째 단계부터는 그 왼쪽에 연한 회색 버튼이 하나 더 붙어요.

현재 단계의 동그라미와 이름표, 그리고 진행 버튼은 보라색이고 아직 오지 않은 단계는 회색이며, 버튼을 누르면 보이는 단계가 바뀌면서 지나온 단계의 동그라미는 체크 표시가 있는 초록색이 되고 연결선도 초록색으로 채워지며, 마지막 단계의 큰 버튼은 초록색이에요.