designnews

한글 페어링 · 큐레이션

안녕 멜로디+코트라 도약

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

평가 케이스
2개
평균 점수
35점
관련 페어
6개
A:안녕 멜로디· 제작 구글 한글 폰트|B:코트라 도약· 제작 코트라

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·코트라 도약 가이드

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 코트라 도약
안녕 멜로디A=제목용
제작구글 한글 폰트상업 무료다운로드
+코트라 도약B=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
새로운 시작, 따뜻한 마음으로 함께 나누다

코트라 도약은 본문 가독성이 우수하나, 안녕 멜로디의 필기체 특성상 제목으로 사용할 때 긴 텍스트나 작은 사이즈에서 가독성이 급격히 저하된다.

분위기
안녕 멜로디의 친근한 손글씨 감성과 코트라 도약의 정중한 세리프 톤이 충돌하여 일관된 브랜드 분위기를 형성하기 어렵다. 제목은 캐주얼하고 본문은 포멀한 인상을 동시에 전달한다.
대비·계층
두 폰트의 스타일 대비는 명확하지만(손글씨 vs 세리프), 무게가 모두 400으로 동일하여 시각적 위계 강조가 약하다. 제목용 폰트의 weight 강화가 필요하다.
추천 용도
어린이·유아 교육 콘텐츠 (제목의 친근감 활용)감성 에세이·블로그 (손글씨 감성 + 읽기 편한 본문)문화·예술 행사 포스터 (디스플레이 폰트 특성 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist
본문Source SerifLora

안녕 멜로디의 손글씨 감성을 보완하려면 따뜻하고 부드러운 산세리프(Manrope, Plus Jakarta Sans)가 적합하며, 코트라 도약의 세리프 특성을 강화하려면 고전적이고 읽기 편한 영문 세리프(Source Serif, Lora)를 추천한다.

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

h1
36~44px
h2
20~24px
본문
16~17px
line-height
1.65

어울리는 색상

#2d2d2d
#d4a574
#f9f7f4

어울리는 산업 톤

교육·문화 따뜻함라이프스타일 감성
28제목 코트라 도약 · 본문 안녕 멜로디
코트라 도약A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+안녕 멜로디B=본문용
제작구글 한글 폰트상업 무료다운로드
새로운 시작을 함께 만들어봅시다.

안녕 멜로디는 handwriting·display 분류로 긴 본문 읽기에 부적합합니다. 개별 글자 가독성은 괜찮으나 문단 단위 연속 읽기에서 피로도가 높고, 코트라 도약 제목과의 시각적 위계 차이가 불명확합니다.

분위기
코트라 도약의 고전적·격식 있는 serif 분위기와 안녕 멜로디의 친근하고 캐주얼한 handwriting 톤이 충돌합니다. 제목-본문 위계가 명확하지 않고 일관성 있는 브랜드 톤을 형성하기 어렵습니다.
대비·계층
두 폰트 모두 400 weight로 굵기 대비가 없으며, serif vs handwriting 구조 차이만으로는 정보 위계를 충분히 구분하지 못합니다. 제목의 격식성과 본문의 캐주얼함이 상충하여 명확한 계층이 무너집니다.
추천 용도
어린이·유아 교육 콘텐츠 (handwriting 톤 활용 시)캐주얼 이벤트 포스터 (분위기 충돌 감수 시)실험적 아트 프로젝트 (의도된 불화)

어울리는 영문 폰트

제목EB GaramondPlayfair DisplayLora
본문InterSource Sans Pro

코트라 도약의 serif 격식성을 살리려면 EB Garamond·Playfair Display 같은 고전 serif 영문이 필요합니다. 안녕 멜로디와의 페어링은 권장하지 않으므로, 대신 본문용 sans-serif(Inter·Source Sans Pro)로 재구성하는 것을 권장합니다.

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

h1
36~44px
h2
22~26px
본문
16~17px
line-height
1.6

어울리는 색상

#2c2416
#d4a574
#f9f6f1

어울리는 산업 톤

전통 공예·문화 (코트라 도약 톤만 활용 시)어린이 교육 (안녕 멜로디 톤만 활용 시)

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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

관련 페어 · 같은 폰트 포함

안녕 멜로디 또는 코트라 도약 들어간 다른 인기 페어