Skip to content

YumYum 디자인 시스템 — 컬러 포지셔닝

배달앱 시장 컬러 분석 + 노랑 차별점 전략 작성일: 2026-05-14 버전: v1.0


1. 배달앱 시장 컬러 점유 현황

배달앱 카테고리는 이미 다양한 컬러로 점유되어 있습니다.

컬러HEX
배민민트#2AC1BC
쿠팡잇츠블루#5A8DEE
요기요핑크#FA0050
땡겨요주황#FF6F0F
두잇 (doeat)빨강(붉은 톤)

💡 위 컬러 값은 시각화 참고용. 정확한 브랜드 HEX는 각 앱 가이드 참조.


2. 노랑의 차별점

2.1 핵심 메시지

배달앱 카테고리에 노랑색이 비어 있다.

  • 민트 · 블루 · 핑크 · 주황 · 빨강 — 배달앱 컬러는 이미 점유.
  • 비어 있는 따뜻한 컬러 노랑이 우리의 차별점.
  • 노랑은 식욕 자극 · 행복 · 기대감의 컬러 — '음식을 픽업하러 가는 즐거움' 정체성과 자연스럽게 연결된다.

2.2 냠냠픽업 노랑

TokenHEX비고
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개 경쟁사 분석 후 차별점 확정

이 문서는 살아있는 문서입니다. 경쟁 앱 컬러가 변경되거나 시장 상황이 바뀌면 함께 업데이트하세요.

냠냠픽업 — 지속가능한 중개수수료 2% 음식 픽업 서비스