혜택 카드 — 원본 9장과 지금 것

맨 아래 「지금 제품이 그리는 카드」와 위 9장을 견주시면 됩니다.
색 · 글자 배치 · 로고 자리 · 그래픽 — 무엇을 원본대로 되돌릴지 정하시면 됩니다.

레퍼런스 원본 9장

naver-ai-live-studio/AI-LIVE-STUDIO-m1-v3/ailive-m1-v3/assets/events/*.png · 전부 1080×1920
9장이 다 다른 디자인은 아닙니다. 골격은 하나입니다 — 위아래 가로줄 두 개 사이에 ① 가는 자홍 줄(대상) ② 굵은 빨강 줄(혜택) ③ 아주 작은 회색 줄(조건, 있는 것만), 그 아래 그래픽 슬롯 하나. 갈리는 것은 넷뿐입니다: 배경색 2종 · LOGO 배지 유무 · 그래픽 슬롯 5종 · 조건줄 유무.

장바구니 쿠폰
장바구니 쿠폰
배경 연보라 · LOGO 있음
초록 NPay 티켓 · 조건줄 없음
알림 받기 쿠폰
알림 받기 쿠폰
배경 베이지 · LOGO 있음
파랑 쿠폰 티켓 · 조건줄 있음
채널 알림받기 쿠폰
채널 알림받기 쿠폰
배경 연보라 · LOGO 있음
파랑 쿠폰 티켓 · 조건줄 있음
카드 할인 Npay 적립
카드 할인 Npay 적립
배경 연보라 · LOGO 없음
파랑+초록 2단 · 조건줄 없음
N페이 구매인증 추첨
N페이 구매인증 추첨
배경 연보라 · LOGO 있음
검정 NPay 카드 · 조건줄 없음
소통왕 추첨 Npay 포인트
소통왕 추첨 Npay 포인트
배경 베이지 · LOGO 있음
초록 NPay 티켓 · 조건줄 없음
구매 확정 후 리뷰 작성
구매 확정 후 리뷰 작성
배경 연보라 · LOGO 없음
초록 NPay 티켓 · 조건줄 없음
구매자 전원 상품 증정
구매자 전원 상품 증정
배경 연보라 · LOGO 없음
빨강 gift image 자리 · 조건줄 있음
구매자 전원 상품권 증정
구매자 전원 상품권 증정
배경 연보라 · LOGO 없음
빨강 gift image 자리 · 조건줄 있음

지금 제품이 그리는 카드

packages/nlive2-workflow/src/mastra/workflows/direction/direction-card-render-layout.ts · buildDirectionCardSvg()
🔴 이 그림은 그 코드의 좌표·색·글자 크기를 그대로 옮겨 그린 것입니다. 다만 글자는 시스템 글꼴로 대신 그렸습니다 — 실제 렌더러는 NanumGothic 글리프를 path 로 바꿔 그립니다. 글자 모양은 다를 수 있고, 색·배치·크기는 같습니다.

지금 것
배경 #eef3ed · 흰 카드 rx48
초록 악센트 #23634d

글자 구조가 어긋납니다

자리원본 카드우리 편집 칸
위 작은 줄대상·맥락 — "라운지 회원" · "라이브 구매자 전원"h1a 제목 1줄
큰 굵은 줄혜택 본문 — "장바구니 쿠폰 최대 7만원"h1b 제목 2줄
아래 작은 줄조건 — "(*방송일 기준 6주 내외 모바일 발송)"sub 부제
그래픽LOGO 배지 · NPay 티켓 · gift image 자리brand_logo · product_image

우리 라벨 출처 — handoff/02-정보구조-결정.md:110 · dist/mockup.js:443,770. 같은 자리를 다른 이름으로 부르고 있습니다.

왜 원본을 안 쓰고 있나 — 적혀 있는 것 셋

개발 packages/nlive2-service/src/direction/card-assets/README.md

The five templates use original code-native SVG shapes in direction-card-renderer.ts. No legacy event bitmap, ticket SVG, or third-party brand logo was copied.

개발 결정서 dec-direction-01m1x9y4636ega59dhpy0wqwd7-…:59

legacy assets/events/*.png 9종, parent banner_templates/base_ticket_*.svg | 원본 양식·티켓 자산 존재 | NLive2 managed catalog로 검증·버전 고정 후 반입. 이 문서 변경이 반입 완료를 뜻하지 않음

재민 AI-LIVE-STUDIO-m1-v3/CLAUDE.md §0.7.5

events 양식 strict — 카드 양식 = assets/events/*.png 9종 기반. 새 카드 디자인 from-scratch 금지.