한글 페어링 · 큐레이션

배달의민족 을지로+JS 동까비

두 한글 폰트의 큐레이션·점수화 페어링. 어울리는 영문 폰트, 권장 사이즈, 색상 팔레트, 산업 톤까지 한 페이지에서.

평가 케이스: 2개
평균 점수: 45점
관련 페어: 6개

A:배달의민족 을지로· 제작 우아한형제들|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 배달의민족 을지로 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

제목·본문 컨텍스트별 페어 분석

점수, 어울리는 영문 폰트, 권장 크기, 색상 팔레트를 케이스별로.

45제목 배달의민족 을지로 · 본문 JS 동까비

배달의민족 을지로A=제목용

제작우아한형제들상업 무료다운로드

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

따뜻한 밤거리, 우리 함께 배달받아요

두 폰트 모두 display 분류로 본문 가독성이 낮다. 동까비는 상대적으로 둥근 형태로 짧은 문장에는 무난하지만, 장문 읽기에는 부적합하다. 을지로는 제목용으로 충분히 강렬하지만 본문 역할에는 무겁다.

분위기: 배달의민족 을지로의 강렬한 개성과 JS 동까비의 부드러운 곡선이 톤 충돌을 일으킨다. 을지로는 거리 감성의 거친 에너지를 담고 있고, 동까비는 따뜻하고 친근한 분위기로, 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층: 무게(weight)가 동일(400)하고 둘 다 display 폰트라 시각적 위계 구분이 약하다. 크기 차이에만 의존하게 되어 정보 계층화가 명확하지 않다.
추천 용도: 음식·배달 앱 UI (을지로의 거리 감성 활용)캐주얼 브랜드 포스터 (단문 디스플레이)이벤트 배너 (제목+짧은 설명)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

을지로의 거리 감성과 동까비의 친근함을 모두 담으려면, 제목은 기하학적 모던함(Manrope)이나 따뜻한 곡선(Satoshi)을, 본문은 중립적 가독성(Inter)으로 보완하는 것이 효과적이다.

권장 사이즈 (한국어 기준)

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b35

#f5f1e8

어울리는 산업 톤

F&B 캐주얼스타트업 친근

45제목 JS 동까비 · 본문 배달의민족 을지로

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+배달의민족 을지로B=본문용

제작우아한형제들상업 무료다운로드

오늘도 맛있는 한끼, 함께 나눠요

두 폰트 모두 display 용도로 설계되어 본문 가독성이 낮다. 배달의민족 을지로는 특히 장문 읽기에 부적합하며, 제목-본문 위계 구분이 명확하지 않다.

분위기: JS 동까비의 둥근 손글씨 감성과 배달의민족 을지로의 강렬한 거리 포스터 톤이 충돌하며, 두 폰트 모두 display 특성으로 인해 시각적 경쟁이 발생한다. 일관된 브랜드 분위기 형성이 어렵다.
대비·계층: 두 폰트 모두 weight 400이고 display 특성이므로 시각적 대비가 약하다. 제목과 본문의 명확한 정보 위계를 만들기 어렵다.
추천 용도: 짧은 카피 중심 광고 포스터 (두 폰트 모두 display용)이벤트 배너 (강렬한 톤 필요 시)브랜드 슬로건 + 서브 카피 조합 (극도로 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

JS 동까비와 배달의민족 을지로 모두 display 폰트이므로, 영문은 본문용 산세리프(Inter, Source Sans Pro)로 보완하여 실제 읽기 가능한 구조를 만들어야 한다. 제목 영문은 현대적 sans(Manrope, Plus Jakarta Sans)로 한글 display 톤을 지탱한다.

권장 사이즈 (한국어 기준)

48~64px

32~40px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b35

#f5f5f0

어울리는 산업 톤

F&B 캐주얼스타트업 에너지

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

폰트의 공식 CDN을 자동 매핑. 그대로 복사해서 프로젝트에 붙여 넣으세요.

@import url('https://cdn.jsdelivr.net/gh/fonts-archive/BMEULJIRO/subsets/BMEULJIRO-dynamic-subset.css');

/* 제목 */
h1, h2, h3 {
  font-family: 'BM EULJIRO', sans-serif;
}

/* 본문 */
body, p {
  font-family: 'Pretendard Variable', sans-serif;
}