YumYum 디자인 시스템 — 캐릭터 가족
냠냠픽업 브랜드 캐릭터 가이드 작성일: 2026-05-14 최종 갱신: 2026-05-18 — 프로필 아바타 배경 #FAF9F7 → #FAFAFA cool gray v3 마이그레이션 버전: v3.0 (cool gray v3 시리즈)
1. 캐릭터 가족 (10명 + 가게 1개)
냠냠픽업은 친근하고 따뜻한 브랜드 정체성을 위해 캐릭터 가족 10명을 운영합니다. 각자의 정체성과 음식 취향이 있고, 일부는 가족 관계를 형성합니다.
1.1 메인 캐릭터 (7명)
| # | 이름 | 정체성 | 컬러 칩 | 말풍선 |
|---|---|---|---|---|
| 1 | 야미 · Yami | 맛집 탐험가 | yumyum yellow #F5C51D | "이거 먹어봤어?" |
| 2 | 야무 · Yamu | 배려의 아이콘 | yumyum orange #FF8500 | "널 위해 포장했어" |
| 3 | 쿠모 · Kumo | 헬씨가이 | yumyum brown #C48257 | "식.단.관.리." |
| 4 | 퐁지 · Pong-ji | 친환경 라이프 대학생 | yumyum green #66CC66 | "텀블러에 주세요" |
| 5 | 칠라 · Chila | 낭만을 즐기는 칠가이 | yumyum gray #999999 | "여유롭게 즐겨" |
| 6 | 홍지 · Hong-ji | 빵지 순례자 | yumyum pink #FF99CC | "갓구운 빵이라니!" |
| 7 | 강지 · Kang-ji | 홍지의 강아지 | yumyum white #FFFFFF | "멍" |
1.2 Blue 가족 (3명)
가족 관계로 묶인 캐릭터 세트. 일상적인 가족의 따뜻한 분위기 표현.
| # | 이름 | 정체성 | 컬러 칩 | 말풍선 |
|---|---|---|---|---|
| 8 | 브라운 · Brown | 인사성 밝은 꼬마 (블루의 딸, 크림 누나) | yumyum dark brown #B6764A | "안녕하세요!" |
| 9 | 크림 · Cream | 브라운의 남동생 | yumyum cream #F4D5A0 | "건강하게 자라겠습니다." |
| 10 | 블루 · Blue | 브라운·크림의 아빠 | yumyum blue #5BA8C0 | "맛있게 먹는 걸 보니, 배부르다" |
1.3 가게 아이콘 (1개)
| 자산 | 용도 |
|---|---|
store.png | 사장님이 사용자 리뷰에 댓글 달 때 자동 표시 (사용자가 선택 불가) |
2. 캐릭터 스토리
2.1 야미 — 맛집 탐험가
숨은 맛집 발굴을 즐긴다. 발견한 맛집은 친구들에게 소문내는 행복 전도사.
2.2 야무 — 배려의 아이콘
바쁜 야미를 위해 맛있는 음식을 픽업해 선물할 줄 아는 센스쟁이. 친구를 챙기는 다정함이 매력.
2.3 쿠모 — 헬씨가이
갓생중인 헬씨가이. 건강한 단백질 음식을 즐긴다. 운동 끝난 후 키토 도시락 픽업이 루틴.
2.4 퐁지 — 친환경 라이프 대학생
친환경 라이프를 실천하는 대학생. 텀블러를 챙겨다니고, 다회용기로 포장하는 것을 선호한다.
2.5 칠라 — 낭만을 즐기는 칠가이
와인과 로스팅 커피를 좋아한다. 마시면서 여유와 사색을 즐긴다. 천천히 음미하는 게 진짜 맛.
2.6 홍지 — 빵지 순례자
반려견 강지와 산책을 즐긴다. 빵지 순례가 취미. 동네에 새로 생긴 빵집은 누구보다 빨리 알고 있다.
2.7 강지 — 홍지의 강아지
홍지의 강아지. 빵지 순례 동반자로, 동네 산책 메이트.
2.8 브라운 — 인사성 밝은 꼬마
인사성 밝은 동네 꼬마 아가씨. 치킨을 좋아하는 치킨 매니아. 어른이 되면 1인1닭을 하겠다는 꿈이 있다.
2.9 크림 — 브라운의 남동생
제육볶음과 돈까스를 좋아한다. '건강하게 자라다오'라는 아빠의 말씀을 새겨 듣고 실천하고 있다.
2.10 블루 — 브라운·크림의 아빠
맛있는 걸 들고 집에 들어갈 때 아이들이 외쳐주는 '아빠 최고'라는 말이 세상에서 제일 듣기 좋다.
3. 캐릭터 활용 가이드
캐릭터는 사용 컨텍스트별로 다르게 활용합니다.
- OnBoarding — 캐릭터를 활용한 서비스 소개
- App Marketing — 앱마켓 소개 페이지, 광고 자산에서 캐릭터 활용
- Profile Avatars — 사용자 프로필 이미지로 캐릭터 활용
- Empty State — 안내하는 동반자 역할 (Empty Companion)
- 이벤트 배너 — 시즌/주제에 맞는 캐릭터 활용
- 일상 UI — 캐릭터 출연 X. 미니멀한 무채색 시스템 유지
4. 컬러 매핑 (캐릭터 ↔ Tier 2 Secondary Brand Colors)
각 캐릭터의 컬러는 디자인 시스템 Tier 2 Secondary Brand Colors와 연결됩니다.
| 캐릭터 | 컬러 토큰 | 카테고리/이벤트 매핑 |
|---|---|---|
| 야미 | yellow (Tier 1 메인) | 모든 CTA, 핵심 강조 |
| 야무 | orange | (선택) |
| 쿠모 | brown | 헬씨 카테고리 |
| 퐁지 | green | 비건/친환경 카테고리 |
| 칠라 | gray | 와인/디저트 |
| 홍지 | pink | 베이커리 |
| 강지 | white | (강조 없음, 미니멀) |
| 브라운 | dark brown | 가족/일상 |
| 크림 | cream | 베이커리/디저트 |
| 블루 | blue | 음료/시원함 |
💡 한 화면에 Tier 2 컬러 1~2개만 사용. 메인 액션은 항상 Brand Yellow.
5. 프로필 아바타 시스템
10명의 캐릭터는 사용자 프로필 아바타로도 활용됩니다.
5.1 프레임
- 원형 컨테이너, 배경
Neutral 50(#FAFAFA), 외곽선 없음 - 캐릭터 PNG는 투명 배경, 프레임 안에 72% 크기로 배치
5.2 사이즈 (컨텍스트별)
- 헤더/네비: 32px
- 리스트: 48~64px
- 프로필 메인 화면: 100~120px
5.3 편집 가능 표시
- 프로필 메인 화면에서 우하단에 카메라 아이콘(FAB) 노출
- 탭하면 아바타 선택 시트 오픈
5.4 파일 위치
- 원본:
_source/02-profiles/avatar-NN-name.png - 배포용:
public/images/profile-avatars/avatar-NN-name.png
5.5 기본값
- 신규 가입 시 10개 중 랜덤으로 1개 자동 할당
6. 파일 자산
| 자산 | 위치 |
|---|---|
| 캐릭터 일러스트 PNG (10개) | public/images/profile-avatars/avatar-01-yami.png ~ avatar-10-blue.png |
| 가게 아이콘 | public/images/profile-avatars/store.png |
| 디자이너 원본 (AI) | _source/01-characters/ |
이 문서는 살아있는 문서입니다. 캐릭터 가족이 확장되거나 컬러 매핑이 변경되면 함께 업데이트하세요.