Mockup · Figma 03. Brand site 확정본 기준
쏠쏠 브랜드 사이트 — 화면 목업
전체 페이지 목업 인덱스 · 카드를 눌러 각 화면을 확인하세요. 디자인 토큰(레드/Pretendard)은
assets/tokens.css
.
메인 · 마케팅
서비스 소개와 가격 — 신규 방문자 진입 화면
★
메인 (랜딩)
Hero · 기능 · 비교 · CTA
₩
가격 (요금제)
플랜 · 비교표 · FAQ
✉
문의하기
문의 폼 · 연락처
인증 · 회원
로그인 · 회원가입 · 비밀번호 · 이메일 인증
↪
로그인
이메일 · 소셜
＋
회원가입
무료로 시작하기
✓
회원가입 완료
환영 · 다음 단계
✉
이메일 인증
인증 메일 안내
🔑
비밀번호 재설정 요청
이메일 입력
🔒
비밀번호 재설정
새 비밀번호
✓
재설정 완료
변경 확인
결제 · 구독
구매 결제와 결제·구독 상태
💳
구매 결제
주문 요약 · 결제 정보
✓
결제 완료
구독 시작
!
결제 실패
재시도 안내
🎉
사이트 생성 완료
개설 확인
⏳
결제 유예
결제 지연
✕
구독 해지
해지 안내
⏷
구독 만료
Free 전환
마이페이지
로그인 후 회원 영역 (사이드바 레이아웃)
⚙
계정 관리
프로필 · 비밀번호
🌐
내 사이트 관리
사이트 · 강의
🧾
결제 내역
구독 · 영수증
💬
문의 내역
1:1 문의
시스템 · 상태
서비스 상태 · 약관 · 에러
⊘
서비스 정지
미결제 정지
⚠
사용량 경고
한도 근접
§
약관 · 개인정보
이용약관
404
에러 페이지
404 Not Found