designnews

한글 페어링 · 큐레이션

안녕 멜로디+코트라 볼드

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

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

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

평가 결과 · 2개 케이스

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

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

35제목 코트라 볼드 · 본문 안녕 멜로디
코트라 볼드A=제목용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
+안녕 멜로디B=본문용
제작구글 한글 폰트상업 무료다운로드
우리의 새로운 이야기를 시작합니다.

안녕 멜로디는 손글씨 디스플레이 폰트로 긴 본문 읽기에 부적합하며, 글자 간 일관성 부족으로 가독성이 급격히 떨어집니다. 코트라 볼드는 제목용으로 충분히 강렬하지만 본문과의 계층 구분이 명확하지 않습니다.

분위기
코트라 볼드의 세리프 포멀함과 안녕 멜로디의 손글씨 캐주얼함이 충돌하여 일관된 톤을 형성하지 못합니다. 제목-본문 위계가 분위기 차원에서 혼란스럽습니다.
대비·계층
weight 대비(700 vs 400)는 있으나, 두 폰트의 구조적 차이(세리프 정형성 vs 손글씨 비정형성)가 대비를 오히려 어색하게 만듭니다. 정보 위계보다 스타일 불일치가 두드러집니다.
추천 용도
매우 제한적 - 캐주얼 이벤트 포스터 (단문 제목만)어린이 교육 자료 (톤 혼합이 의도된 경우)비권장 - 웹 본문, 출판물, 공식 UI

어울리는 영문 폰트

제목Playfair DisplayEB GaramondLora
본문InterSource Sans Pro

코트라 볼드의 세리프 포멀함을 살리려면 클래식 세리프 영문 폰트가 필요하며, 안녕 멜로디 사용 시 본문은 명확한 산세리프로 가독성을 확보해야 합니다. 그러나 이 두 폰트 조합 자체는 실무 권장이 아닙니다.

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

h1
44~56px
h2
26~32px
본문
14~16px
line-height
1.4

어울리는 색상

#2c2416
#d4a574
#f9f6f0

어울리는 산업 톤

캐주얼 라이프스타일 (매우 제한적)어린이·교육 콘텐츠 (톤 혼합 의도 시만)
35제목 안녕 멜로디 · 본문 코트라 볼드
안녕 멜로디B=제목용
제작구글 한글 폰트상업 무료다운로드
+코트라 볼드A=본문용ⓘ 미리보기는 프리텐다드
제작코트라상업 무료다운로드
따뜻한 손글씨와 강한 세리프의 만남

context가 'body'(fontA가 본문)인데, 코트라 볼드는 700 weight의 디스플레이 세리프로 긴 본문 읽기에 부적합하며, 안녕 멜로디는 손글씨 특성상 제목으로도 가독성이 떨어진다.

분위기
코트라 볼드의 강렬한 세리프 디스플레이 톤과 안녕 멜로디의 부드러운 손글씨 감성이 충돌하며, 통일된 브랜드 분위기를 형성하기 어렵다.
대비·계층
두 폰트 모두 display 분류이고 서로 다른 구조(세리프 vs 핸드라이팅)를 가져 대비는 명확하지만, 본문-제목 위계 구분에 필요한 weight 차이(700 vs 400)가 역할 배치와 맞지 않아 정보 계층이 혼란스럽다.
추천 용도
짧은 카피 중심의 포스터·배너 (본문 역할 재정의 필요)아동·키즈 콘텐츠 (손글씨 감성 활용, 세리프 톤 완화 필요)실험적 에디토리얼 디자인 (충돌을 의도적으로 활용)

어울리는 영문 폰트

제목Playfair DisplayPrataAbril Fatface
본문InterSource Sans Pro

코트라 볼드의 강렬한 세리프 디스플레이 톤에는 클래식 디스플레이 세리프(Playfair Display)가 어울리고, 안녕 멜로디의 부드러운 손글씨 감성을 보완하려면 중성적 sans-serif(Inter)로 본문을 구성하는 것이 실무적이다.

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

h1
48~56px
h2
28~32px
본문
14~16px
line-height
1.6

어울리는 색상

#2c1810
#e8b4a8
#faf7f2

어울리는 산업 톤

아동·교육 따뜻한 톤라이프스타일 매거진 실험적

구현 코드 · 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;
}

관련 페어 · 같은 폰트 포함

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