사용자 화면 · 마이페이지
약관/정책
MYP-014 · 2026. 03. 04
| 0 |
화면 접근 조건 |
- 약관/정책은 로그인/비로그인 사용자 모두 접근 가능
|
| 1 |
약관/정책 헤더 |
- 구성
- 동작
- 뒤로가기 버튼 클릭 시
- 마이페이지 메인 화면(MYP-001)으로 이동
|
| 2 |
약관/정책 리스트 |
- 구성
- 개인정보 처리방침 / 서비스 이용약관 / 마케팅 수신 동의 / 개인정보 제공 동의 / 거래 약관 / 회원 탈퇴
- 공통 사항
- 화면별 동작 설정
- 개인정보 처리 방침
- 클릭 시 개인정보 처리방침 상세 화면으로 이동 (약관 상세 화면)
- 서비스 이용약관
- 클릭 시 서비스 이용약관 상세 화면으로 이동 (약관 상세 화면)
- 마케팅 수신 동의
- 클릭 시 마케팅 수신 동의 상세 화면으로 이동 (약관 상세 화면)
- 개인정보 제공 동의
- 클릭 시 개인정보 제공 동의 상세 화면으로 이동 (약관 상세 화면)
- 거래 약관
- 클릭 시 거래 약관 상세 화면으로 이동 (약관 상세 화면)
- 회원탈퇴
- 클릭 시 회원 탈퇴 안내 화면 이동
- 로그인 사용자만 실제 탈퇴 진행 가능
|
| 3 |
공통 규칙 |
- 약관/정책 콘텐츠는 관리자에 의해 관리되는 정적 콘텐츠
- 사용자는 약관/정책 내용을 수정할 수 없음
- 화면 상단에 최근 업데이트 일시 정보로 노출
- 개인정보 처리 방침, 서비스 이용약관 등의 내용은 법무팀에서 별도로 제공된 원고를 따르며 처리 유의 사항에 대한 별도의 보유를 별도 마련
- 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다
|
Design Output
UI 디자인 산출물
위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.
| 요소 | Token | 값 |
|---|
| 전체 배경 |
--bg |
#FAFAF8 |
| 헤더 타이틀 |
--sans · 17px · 700 |
Pretendard, --charcoal, letter-spacing: -0.02em |
| 뒤로가기 아이콘 |
chevron-left · square/miter |
--charcoal, 20px, stroke 1.5px |
| 메뉴 항목 텍스트 |
--sans · 15px · 500 |
Pretendard, --charcoal |
| 이동 아이콘 |
chevron-right · square/miter |
--text-muted, 8x14px, stroke 1.5px |
| 구분선 |
rgba(26,26,26,0.06) |
리스트 항목 간 경계 |
| 좌우 패딩 |
24px |
전체 콘텐츠 마진 |
| 0 |
화면 접근 조건 |
- 약관/정책은 로그인/비로그인 사용자 모두 접근 가능
|
| 1 |
약관/정책 헤더 |
- 구성
- 동작
- 뒤로가기 버튼 클릭 시
- 마이페이지 메인 화면(MYP-001)으로 이동
|
| 2 |
약관/정책 리스트 |
- 구성
- 개인정보 처리방침 / 서비스 이용약관 / 마케팅 수신 동의 / 개인정보 제공 동의 / 거래 약관 / 회원 탈퇴
- 공통 사항
- 화면별 동작 설정
- 개인정보 처리 방침
- 클릭 시 개인정보 처리방침 상세 화면으로 이동 (약관 상세 화면)
- 서비스 이용약관
- 클릭 시 서비스 이용약관 상세 화면으로 이동 (약관 상세 화면)
- 마케팅 수신 동의
- 클릭 시 마케팅 수신 동의 상세 화면으로 이동 (약관 상세 화면)
- 개인정보 제공 동의
- 클릭 시 개인정보 제공 동의 상세 화면으로 이동 (약관 상세 화면)
- 거래 약관
- 클릭 시 거래 약관 상세 화면으로 이동 (약관 상세 화면)
- 회원탈퇴
- 클릭 시 회원 탈퇴 안내 화면 이동
- 로그인 사용자만 실제 탈퇴 진행 가능
|
| 3 |
공통 규칙 |
- 약관/정책 콘텐츠는 관리자에 의해 관리되는 정적 콘텐츠
- 사용자는 약관/정책 내용을 수정할 수 없음
- 화면 상단에 최근 업데이트 일시 정보로 노출
- 개인정보 처리 방침, 서비스 이용약관 등의 내용은 법무팀에서 별도로 제공된 원고를 따르며 처리 유의 사항에 대한 별도의 보유를 별도 마련
- 본 화면은 마이페이지 공통 규칙(MYP-001)을 따른다
|