한글 페어링 · 큐레이션

비트로 코어+안녕 멜로디

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

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

A:비트로 코어· 제작 비트로|B:안녕 멜로디· 제작 구글 한글 폰트

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

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 비트로 코어

안녕 멜로디A=제목용

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

+비트로 코어B=본문용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

따뜻한 봄날, 새로운 시작을 함께하세요.

비트로 코어는 본문용 폰트가 아닌 디스플레이 폰트로 설계되어 긴 문장 가독성이 떨어집니다. 안녕 멜로디도 손글씨 특성상 본문에 부적합합니다.

분위기: 안녕 멜로디의 친근하고 부드러운 손글씨 감성과 비트로 코어의 기하학적·현대적 디스플레이 톤이 충돌합니다. 분위기 일관성이 약합니다.
대비·계층: 두 폰트 모두 display 분류이고 weight가 동일(400)하여 명확한 위계 대비가 부족합니다. 제목-본문 간 시각적 구분이 약합니다.
추천 용도: 짧은 카피·슬로건 조합 (제목+부제)포스터·배너 (디스플레이 전용)어린이·교육 콘텐츠 (톤 혼합 감수)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

안녕 멜로디의 부드러운 곡선과 어울리는 현대적 sans-serif(Manrope, Geist)를 제목에, 본문은 중성적 가독성 폰트(Inter, Source Sans Pro)를 권장합니다. 비트로 코어는 영문 페어링이 제한적입니다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#f4a7c3

#faf8f5

어울리는 산업 톤

교육·키즈 콘텐츠라이프스타일 캐주얼

35제목 비트로 코어 · 본문 안녕 멜로디

비트로 코어A=제목용ⓘ 미리보기는 프리텐다드

제작비트로상업 무료다운로드

+안녕 멜로디B=본문용

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

모던한 제목에 손글씨 감성을 더하다

안녕 멜로디는 handwriting 분류로 본문 장문 읽기에 부적합하며, 두 폰트 모두 display 용도로 설계되어 본문 가독성이 심각하게 낮습니다.

분위기: 비트로 코어의 기하학적·모던함과 안녕 멜로디의 손글씨 감성이 충돌하여 일관된 톤을 형성하지 못합니다. 제목-본문 위계보다 두 개의 독립적 성격이 강합니다.
대비·계층: 무게(weight)가 동일(400)하고 둘 다 display 분류라 제목-본문 간 명확한 시각적 계층이 부족합니다. 크기 차이만으로는 정보 위계를 충분히 표현할 수 없습니다.
추천 용도: 짧은 카피 조합(포스터 부제목+메인 텍스트) - 극히 제한적아동용 교육 자료 - 안녕 멜로디의 친근함 활용 가능이벤트 초대장 - 매우 제한적 사용

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

비트로 코어의 기하학적 모던함에는 sans-serif 중 기하학적 구조의 영문이 어울리며, 본문용으로는 안녕 멜로디 대신 높은 가독성의 중성적 sans-serif를 권장합니다.

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

48~64px

32~40px

본문

16~18px

line-height

1.65

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f0

어울리는 산업 톤

아동·교육 친근캐릭터 기반 브랜딩

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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