rupy1014
e9b0c00be7
- Remove old commands: spec, customer, sales, merge, design - Add new commands: ui, policy, visualize - Update mvp to include landing page generation - Add templates for mockup, policy, and UI documents - Simplify output path (remove [project] subfolder) - Rewrite README focused on usage 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
7.5 KiB
7.5 KiB
콘텐츠 등급 정책 (Content Rating)
코드:
CR| 연령 제한, 콘텐츠 등급, 경고 표시 정책
CR-001: [정책명 - 예: 연령 등급 시스템]
정책 내용
| 등급 | 대상 연령 | 아이콘 | 설명 |
|---|---|---|---|
| 전체 | 모든 연령 | 🟢 | 모든 이용자 이용 가능 |
| 12+ | 12세 이상 | 🟡 | [설명] |
| 15+ | 15세 이상 | 🟠 | [설명] |
| 19+ | 19세 이상 | 🔴 | 성인만 이용 가능 |
적용 화면
[화면1].html- 콘텐츠 목록[화면2].html- 콘텐츠 상세[화면3].html- 검색 결과
UI 영향
| 화면 | 위치 | 표시 방식 | mockup |
|---|---|---|---|
| [화면1] | [위치] | [표시 방식] | [파일명].html |
UI 표시
[콘텐츠 카드 - 등급 배지]
┌─────────────────────────────────────┐
│ [썸네일] │
│ 🔴 19+ │
│ [제목] │
│ [설명] │
└─────────────────────────────────────┘
[등급 필터]
┌─────────────────────────────────────┐
│ 등급 필터 │
│ ☑️ 전체 ☑️ 12+ ☑️ 15+ ☐ 19+ │
└─────────────────────────────────────┘
CR-002: [정책명 - 예: 연령 인증]
정책 내용
- [인증 방법 1]
- [인증 방법 2]
- [인증 유효 기간]
적용 화면
[화면1].html- 인증 화면[화면2].html- 성인 콘텐츠 진입
인증 플로우
[미인증 상태]
│
└─→ 19+ 콘텐츠 접근 시도
│
└─→ 인증 필요 팝업
│
├─→ [인증하기] → 인증 화면
│ │
│ └─→ 인증 완료 → 콘텐츠 접근
│
└─→ [취소] → 이전 화면
UI 표시
[연령 인증 필요 팝업]
┌─────────────────────────────────────┐
│ 🔞 성인 인증이 필요합니다 │
│ │
│ 이 콘텐츠는 19세 이상만 │
│ 이용할 수 있습니다. │
│ │
│ [취소] [인증하기] │
└─────────────────────────────────────┘
[인증 화면]
┌─────────────────────────────────────┐
│ 🔐 성인 인증 │
├─────────────────────────────────────┤
│ │
│ 인증 방법을 선택해주세요 │
│ │
│ ┌─────────────────────────────┐ │
│ │ 📱 휴대폰 본인인증 │ │
│ └─────────────────────────────┘ │
│ ┌─────────────────────────────┐ │
│ │ 💳 신용카드 인증 │ │
│ └─────────────────────────────┘ │
│ ┌─────────────────────────────┐ │
│ │ 🏦 아이핀 인증 │ │
│ └─────────────────────────────┘ │
│ │
└─────────────────────────────────────┘
CR-003: [정책명 - 예: 콘텐츠 경고]
정책 내용
| 경고 유형 | 아이콘 | 설명 |
|---|---|---|
| 폭력성 | ⚔️ | 폭력적인 장면 포함 |
| 선정성 | 💋 | 선정적인 내용 포함 |
| 공포 | 👻 | 공포/호러 요소 포함 |
| 언어 | 🗣️ | 거친 언어 포함 |
| 약물 | 💊 | 약물/음주 관련 내용 |
적용 화면
[화면1].html- 콘텐츠 상세[화면2].html- 콘텐츠 시작 전
UI 표시
[콘텐츠 경고 배지]
┌─────────────────────────────────────┐
│ ⚠️ 콘텐츠 경고 │
│ ⚔️ 폭력성 👻 공포 │
└─────────────────────────────────────┘
[시작 전 경고]
┌─────────────────────────────────────┐
│ ⚠️ 콘텐츠 안내 │
│ │
│ 이 콘텐츠에는 다음 요소가 │
│ 포함되어 있습니다: │
│ │
│ ⚔️ 폭력적인 장면 │
│ 👻 공포/호러 요소 │
│ │
│ 계속하시겠습니까? │
│ │
│ [돌아가기] [계속하기] │
└─────────────────────────────────────┘
CR-004: [정책명 - 예: 세이프 모드]
정책 내용
- [세이프 모드 설명]
- [필터링 대상]
- [설정 방법]
적용 화면
settings.html- 세이프 모드 설정- 전체 콘텐츠 목록
UI 표시
[설정 화면]
┌─────────────────────────────────────┐
│ 🛡️ 세이프 모드 │
│ │
│ 민감한 콘텐츠를 필터링합니다 │
│ │
│ [토글 ON/OFF] │
│ │
│ • 19+ 콘텐츠 숨김 │
│ • 성인 키워드 필터링 │
│ • 민감한 이미지 블러 처리 │
└─────────────────────────────────────┘
[세이프 모드 활성화 시 콘텐츠 표시]
┌─────────────────────────────────────┐
│ [블러 처리된 썸네일] │
│ 🛡️ 세이프 모드에서 숨겨진 콘텐츠 │
│ [설정에서 해제] │
└─────────────────────────────────────┘
관련 mockup
| 정책 | mockup 파일 |
|---|---|
| CR-001 | [목록].html, [상세].html |
| CR-002 | auth.html, [콘텐츠].html |
| CR-003 | [콘텐츠].html |
| CR-004 | settings.html |