- 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>
199 lines
7.5 KiB
Markdown
199 lines
7.5 KiB
Markdown
# 콘텐츠 등급 정책 (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 |
|