한글 페어링 · 큐레이션

배달의민족 기랑해랑+코트라 희망

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

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

A:배달의민족 기랑해랑· 제작 우아한형제들|B:코트라 희망· 제작 코트라

→ 각 폰트 종합 가이드: 배달의민족 기랑해랑 가이드·코트라 희망 가이드

평가 결과 · 2개 케이스

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

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

42제목 배달의민족 기랑해랑 · 본문 코트라 희망

배달의민족 기랑해랑B=제목용

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

+코트라 희망A=본문용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

우리는 함께 더 맛있는 내일을 만듭니다.

코트라 희망은 본문 가독성이 우수하나, 기랑해랑의 손글씨 특성상 제목으로 사용 시 긴 텍스트에서 가독성이 떨어진다. 짧은 제목(3~5자)에만 적합하다.

분위기: 코트라 희망의 고전적이고 차분한 serif 분위기와 배달의민족 기랑해랑의 캐주얼하고 손글씨 느낌이 충돌한다. 공식성과 친근함의 톤 불일치가 발생한다.
대비·계층: serif 본문과 handwriting display의 구조적 대비는 명확하지만, 무게감의 차이가 부족해 정보 위계가 약하다. 두 폰트 모두 400 weight로 시각적 강조 효과가 제한적이다.
추천 용도: 음식 배송 앱 또는 F&B 브랜드의 캐주얼 마케팅 자료친근하고 따뜻한 톤의 이벤트 포스터 또는 소식지제목이 매우 짧은(2~4자) 카드형 UI 또는 배너

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문Source SerifEB Garamond

코트라 희망의 고전 serif 특성을 살리려면 따뜻하고 현대적인 sans-serif 제목 폰트(Manrope, Plus Jakarta Sans)가 균형을 맞춘다. 본문은 serif 패밀리 유지가 일관성 있다.

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

32~40px

20~24px

본문

16~18px

line-height

1.65

어울리는 색상

#2c2416

#d4845c

#f9f6f1

어울리는 산업 톤

F&B 친근라이프스타일 따뜻

35제목 코트라 희망 · 본문 배달의민족 기랑해랑

코트라 희망B=제목용ⓘ 미리보기는 프리텐다드

제작코트라상업 무료다운로드

+배달의민족 기랑해랑A=본문용

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

우리는 함께 더 나은 내일을 만듭니다.

기랑해랑은 디스플레이 손글씨 폰트로 제목용이며, 본문 역할로 사용하면 긴 글 읽기에서 가독성이 현저히 떨어집니다. 코트라 희망의 세리프는 제목으로는 무겁고 차분하여 계층 구분이 약합니다.

분위기: 배달의민족 기랑해랑의 친근한 손글씨 감성과 코트라 희망의 정중한 세리프 톤이 충돌하여 일관된 브랜드 분위기를 형성하기 어렵습니다. 손글씨 폰트가 본문에 오면 장문 읽기에서 피로도가 높아집니다.
대비·계층: 두 폰트 모두 400 웨이트로 무게감 대비가 없고, 손글씨 vs 세리프의 구조적 차이만으로는 명확한 정보 위계를 만들기 부족합니다.
추천 용도: 캐주얼 이벤트 포스터 (제목·본문 역할 재배치 필요)브랜드 스토리텔링 (손글씨 강조 섹션만 제한적 사용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

기랑해랑의 캐주얼한 손글씨 톤에는 현대적 산스세리프(Manrope, Geist)가 어울리며, 본문용으로는 높은 가독성의 중립적 산스(Inter, Source Sans Pro)를 권장합니다. 세리프는 이 페어링에서 제외됩니다.

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

32~40px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b35

#f5efe6

#2c2c2c

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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