YumYum 디자인 시스템 — 컬러 포지셔닝
배달앱 시장 컬러 분석 + 노랑 차별점 전략 작성일: 2026-05-14 버전: v1.0
1. 배달앱 시장 컬러 점유 현황
배달앱 카테고리는 이미 다양한 컬러로 점유되어 있습니다.
| 앱 | 컬러 | HEX |
|---|---|---|
| 배민 | 민트 | #2AC1BC |
| 쿠팡잇츠 | 블루 | #5A8DEE |
| 요기요 | 핑크 | #FA0050 |
| 땡겨요 | 주황 | #FF6F0F |
| 두잇 (doeat) | 빨강 | (붉은 톤) |
💡 위 컬러 값은 시각화 참고용. 정확한 브랜드 HEX는 각 앱 가이드 참조.
2. 노랑의 차별점
2.1 핵심 메시지
배달앱 카테고리에 노랑색이 비어 있다.
- 민트 · 블루 · 핑크 · 주황 · 빨강 — 배달앱 컬러는 이미 점유.
- 비어 있는 따뜻한 컬러 노랑이 우리의 차별점.
- 노랑은 식욕 자극 · 행복 · 기대감의 컬러 — '음식을 픽업하러 가는 즐거움' 정체성과 자연스럽게 연결된다.
2.2 냠냠픽업 노랑
| Token | HEX | 비고 |
|---|---|---|
| Brand Yellow | #FFDE36 | 메인 브랜드 컬러 (Tier 1) |
| Rating Yellow | #F5C51D | 별점 전용 semantic |
상세 컬러 토큰은 01-colors 참조.
3. 노랑의 의미
3.1 음식·식음료 카테고리에 적합한 컬러
- 식욕 자극: 노랑·주황·빨강 계열은 식욕을 자극하는 따뜻한 컬러
- 행복·즐거움: 햇살 같은 밝은 톤으로 긍정적 정서 환기
- 기대감: 음식을 받기 전 설렘과 같은 감정 표현
3.2 픽업 서비스 정체성과 매칭
- 배달이 아닌 픽업 = 사용자가 직접 가서 받는 행위
- "음식을 픽업하러 가는 즐거운 발걸음" = 따뜻한 노랑의 정서
3.3 시각적 임팩트
- 무채색 시스템 위에서 가장 잘 도드라지는 컬러
- 작은 면적의 액센트만으로 충분한 강조 효과
- 흰 배경에서도 검정 배경에서도 잘 보임 (대비 우수)
4. 사용 원칙
4.1 메인 컬러로 사용
- CTA 버튼, 로고, 핵심 강조에 Brand Yellow
#FFDE36사용 - 위에 흰 텍스트 금지 (대비 1.7:1, WCAG 미달)
- 위에 검정 계열 텍스트 사용 (Neutral 800 이상)
4.2 별점은 분리
- 별점·평점은 Rating Yellow
#F5C51D사용 - 메인 노랑과 의도적으로 분리한 semantic 토큰
- 음식 사진 위에서도 가독성 유지
4.3 노랑 비중 (3종 화면)
- 고객 앱: 60% (활기, 강조)
- 사장님 Portal: 35% (CTA·강조점만)
- 내부 어드민: 25% (액센트)
5. 시각 자료
경쟁사 앱 아이콘 원본은 _source/99-misc/competitor-icons/에 보관.
| 파일 | 앱 |
|---|---|
01-baemin.webp | 배민 |
02-coupang-eats.webp | 쿠팡잇츠 |
03-yogiyo.webp | 요기요 |
04-ddangyeoyo.webp | 땡겨요 |
05-doeat.webp | 두잇 |
6. 의사결정 로그
| 날짜 | 결정 | 비고 |
|---|---|---|
| 2026-05-14 | 노랑 #FFDE36 3종 화면 통일 (v3) | 디자이너 원안 채택 |
| 2026-05-14 | 컬러 포지셔닝 전략 정립 | 5개 경쟁사 분석 후 차별점 확정 |
이 문서는 살아있는 문서입니다. 경쟁 앱 컬러가 변경되거나 시장 상황이 바뀌면 함께 업데이트하세요.