# 카드뉴스 렌더러 V2 디자인 리뷰 미팅
- 일시: 2026-03-06 07:45
- 참석: 헤르메스(팀장), 비너스(디자인센터), 이리스(프론트엔드), 아테나(UX/UI)
- 목적: vibe.tip 레퍼런스 기반 레이아웃 확정

## 참조 이미지 분석 (slide1~6.jpg)

### 공통 요소
- 비율: 4:5 (1080x1350)
- 다크 그라데이션 배경
- 상단 accent 컬러 라인 (3-4px)
- 우하단 워터마크 (작은 글씨, 낮은 불투명도)
- 페이지번호: 우상단 pill badge "02 / 06" 형태 (아웃라인 스타일)
- 카테고리: 좌상단 filled pill badge
- 글래스모피즘 카드: 반투명 배경, 미세 테두리, radius 16-20px
- 좌측 accent 수직바: 인포박스/TIP박스에 4px

### 슬라이드 1: COVER
- 좌상단: filled pill badge (accent 배경, 흰색 텍스트)
- 중상단: 초대형 볼드 제목 (60pt+, 최대 3줄)
- 제목 아래: 부제 (20pt, text_secondary)
- 하단 50%: 여백 (향후 일러스트)
- 우하단: 워터마크 "서울대보험쌤" (12pt, 60% opacity)

### 슬라이드 2-3: CARD_LIST
- 상단: 볼드 제목 (36-40pt) + 우측 페이지번호 pill
- 부제: text_secondary
- 카드 2-3개: glass card bg + 좌측 원형 색상 뱃지 + 볼드 제목 + 설명
- 카드간 간격 32-40px
- 하단: CTA 배너 (accent 배경, 볼드 텍스트)

### 슬라이드 4-5: DETAIL
- 상단: 볼드 제목 + 페이지번호
- 부제
- 인포박스: 좌측 accent 수직바 4px + 원형 뱃지 + 볼드 제목 + 설명
- 하단: TIP 박스 (accent 수직바 + 작은 텍스트)

### 마지막: SUMMARY_CTA
- 대형 볼드 제목 (중앙 정렬)
- 부제
- accent 테두리 영역 안에 요약 카드 2-3개 (좌측 원형 뱃지 + 제목 + 설명)
- CTA 텍스트 (DM/팔로우)
- 우하단: 워터마크

## 합의 사항

### 타이포그래피 계층 확정
- 커버 제목: 60pt bold (fit_font_size 48-64)
- 커버 부제: 22pt regular
- 카테고리/뱃지: 16pt bold
- 본문 카드 제목: 38pt bold
- 본문 카드 설명: 18pt regular
- 워터마크: 14pt regular
- 페이지번호: 16pt bold

### 여백 시스템
- 좌우 패딩: 72px (MARGIN=72)
- 상단 패딩: 72px
- 카드 내부 패딩: 24-32px
- 카드간 간격: 36px
- 요소간 최소 간격: 20px

### 컴포넌트 사양
- Pill Badge: height 40px, radius 20, 내부 좌우 패딩 20px
- 카드: radius 20px, 반투명 배경(card_bg), border 1px (border_color)
- 인포박스: 좌측 4px accent bar, 내부 패딩 20px
- 원형 뱃지: 반경 24px, accent 배경, 흰색 숫자
- CTA 배너: height ~90px, accent 배경, radius 16px, 중앙 볼드 텍스트

### 비너스(디자인센터) 의견
- 밝은 테마(GreenWhite, OrangeCream)에서 pill badge가 잘 보이도록 테마별 pill 색상 조정 필요
- border_color는 card_bg보다 약간 밝은/어두운 색으로, 테마 명암에 따라 결정
- 원형 뱃지 크기를 카드 높이에 비례하게 (고정값보다 비례 추천)
- 워터마크 opacity 60%는 적절

### 결정 사항
1. 5개 테마 모두 새 레이아웃에 적용 확정
2. border_color 필드 Theme에 추가
3. 기존 render_all() 인터페이스 100% 호환 유지
4. LayoutPattern enum은 제거하고 슬라이드 type 기반 라우팅으로 전환
5. 기존 PATTERN_A/B/C 코드는 새 COVER/CARD_LIST/DETAIL/SUMMARY_CTA로 대체

## 다음 단계
- 불칸: themes.py border_color 추가
- 이리스+아테나: cardnews.py 전면 재작성
- 아르고스: 테스트 업데이트 + smoke test