한글 페어링 · 큐레이션

안녕 멜로디+본고딕

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:본고딕· 제작 어도비·구글

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·본고딕 가이드

평가 결과 · 2개 케이스

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

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

78제목 안녕 멜로디 · 본문 본고딕

안녕 멜로디A=제목용

제작구글 한글 폰트상업 무료다운로드

+본고딕B=본문용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

오늘도 좋은 하루 보내세요

안녕 멜로디는 큰 사이즈의 짧은 제목에 시선을 끌고, 본고딕은 다채로운 웨이트로 긴 본문에서 안정적인 가독성을 보장합니다.

분위기: 안녕 멜로디의 둥글고 친근한 손글씨가 본고딕의 단정한 산세리프와 만나 따뜻하면서도 정돈된 분위기를 만듭니다.
대비·계층: 손글씨 디스플레이와 기하학적 산세리프라는 형태 대비가 뚜렷해 제목과 본문의 위계가 자연스럽게 형성됩니다.
추천 용도: 감성 카드뉴스어린이·교육 콘텐츠라이프스타일 블로그F&B 메뉴 및 포스터SNS 캠페인

어울리는 영문 폰트

제목CaveatPatrick HandGloria HallelujahShadows Into Light

본문Source Sans ProInterIBM Plex Sans

제목 손글씨 한글에는 캐주얼 핸드라이팅 영문이 톤을 맞추고, 본고딕 본문에는 동일 계열인 Source Sans Pro 같은 단정한 산세리프가 구조적으로 어울립니다.

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

44~56px

26~30px

본문

16~17px

line-height

1.7

어울리는 색상

#ff8fa3

#ffd6a5

#fff8f0

어울리는 산업 톤

교육 따뜻F&B 친근라이프스타일 매거진감성 커머스

58제목 본고딕 · 본문 안녕 멜로디

본고딕A=제목용ⓘ 미리보기는 프리텐다드

제작어도비·구글상업 무료다운로드

+안녕 멜로디B=본문용

제작구글 한글 폰트상업 무료다운로드

오늘도 당신의 하루를 응원합니다

본고딕은 다양한 웨이트로 명확한 제목 위계를 만들지만, 안녕 멜로디는 손글씨 특성상 긴 본문에는 가독성이 떨어져 짧은 카피 중심으로 써야 합니다.

분위기: 본고딕의 정제된 모던함이 안녕 멜로디의 손글씨 감성을 무대 위에 올려주는 구조입니다. 두 폰트의 결이 달라 의외의 친근함이 생깁니다.
대비·계층: 기하학적 산세리프와 둥근 손글씨라는 구조적 대비가 강해 위계 구분은 쉽지만, 분위기 격차가 커서 사용 비중 조절이 필요합니다.
추천 용도: 어린이·교육 콘텐츠 배너이벤트 프로모션 페이지SNS 카드뉴스캠페인 랜딩 헤더감성 굿즈 패키지

어울리는 영문 폰트

제목InterManropePretendard LatinIBM Plex Sans

본문CaveatPatrick Hand

본고딕 제목엔 구조가 단정한 모던 산세리프가 어울리고, 안녕 멜로디 본문엔 손글씨 톤의 라틴이 결을 맞춰줍니다.

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

36~44px

24~28px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2b2b

#ff8a65

#fff5ec

어울리는 산업 톤

교육 따뜻라이프스타일 캠페인F&B 친근키즈·패밀리 브랜드

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