한글 페어링 · 큐레이션

배달의민족 주아+JS 동까비

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

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

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

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

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 주아 · 본문 JS 동까비

배달의민족 주아B=제목용

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

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

제작정스튜디오상업 무료

우리는 함께 성장합니다

JS 동까비는 display 폰트로 설계되어 긴 본문 읽기에 부적합하며, 글자 간 구분이 명확하지 않아 가독성이 떨어집니다. BMJua도 강한 개성으로 인해 본문 장문 읽기에 피로를 줍니다.

분위기: JS 동까비의 부드럽고 둥근 캐릭터와 BMJua의 강렬하고 친근한 분위기가 충돌하여 일관된 톤을 형성하지 못합니다. 두 폰트 모두 display 성향으로 본문 역할에 부적합합니다.
대비·계층: 두 폰트 모두 400 weight로 동일하여 명확한 무게 대비가 없고, display 폰트 특성상 시각적 계층 구분이 약합니다. 제목과 본문 간 위계 구성이 어렵습니다.
추천 용도: 짧은 카피·슬로건 (3~5자)포스터·배너 (극도로 제한된 텍스트)게임·엔터테인먼트 UI (매우 제한적)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 부드러운 곡선에는 현대적 sans serif(Manrope, Geist)가 어울리고, BMJua의 친근함에는 따뜻하면서도 명확한 가독성의 Inter·Source Sans Pro가 매칭됩니다.

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

48~56px

28~32px

본문

18~20px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b35

#f5f1ed

어울리는 산업 톤

게임·엔터테인먼트키즈·패밀리 콘텐츠

42제목 JS 동까비 · 본문 배달의민족 주아

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

제작정스튜디오상업 무료

+배달의민족 주아B=본문용

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

맛있는 음식을 함께 나누는 즐거움

BMJua는 본문용으로 설계되지 않은 display 폰트로, 긴 문장 읽기에서 자간과 가독성이 떨어진다. JS 동까비도 제목용 display 폰트이지만 본문과의 크기 대비만으로는 정보 위계를 충분히 표현하기 어렵다.

분위기: JS 동까비의 부드럽고 둥근 곡선과 BMJua의 친근하고 캐주얼한 인상이 겹쳐 제목과 본문 간 명확한 톤 분리가 부족하다. 두 폰트 모두 display 성향으로 인해 위계감이 약해진다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 구조적 특징(둥근 곡선)이 유사해 시각적 대비가 약하다. 제목과 본문을 구분하기 위해 크기 차이에만 의존해야 한다.
추천 용도: 캐주얼한 이벤트 포스터 (단문 제목+부제)어린이·유아 교육 콘텐츠 (친근한 톤)푸드/라이프스타일 카드뉴스 (짧은 카피)

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

JS 동까비와 BMJua의 친근하고 둥근 분위기를 보완하려면 현대적이고 중성적인 산세리프가 필요하다. Manrope·Plus Jakarta Sans는 부드러운 곡선으로 한글 폰트와 조화롭고, Inter·Source Sans Pro는 본문 가독성을 확보한다.

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

44~56px

28~32px

본문

16~18px

line-height

1.65

어울리는 색상

#2d2d2d

#ff6b6b

#f9f7f4

어울리는 산업 톤

F&B 친근라이프스타일 캐주얼

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');

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

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