한글 페어링 · 큐레이션

안녕 멜로디+JS 동까비

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:JS 동까비· 제작 정스튜디오

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·JS 동까비 가이드

평가 결과 · 2개 케이스

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

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

42제목 안녕 멜로디 · 본문 JS 동까비

안녕 멜로디A=제목용

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

+JS 동까비B=본문용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

우리 함께 즐거운 하루를 만들어요.

JS 동까비는 본문용 설계가 아닌 display 폰트로, 긴 문장 가독성이 현저히 낮다. 안녕 멜로디도 handwriting 특성상 본문에 부적합하며, 제목으로서도 소문자 구분이 명확하지 않아 정보 전달 효율이 떨어진다.

분위기: 안녕 멜로디의 부드럽고 친근한 손글씨 감성과 JS 동까비의 장난스러운 캐릭터풍 분위기가 겹쳐, 톤의 일관성보다 혼란스러움이 우선한다. 두 폰트 모두 display 급 개성이 강해 위계 구분이 약하다.
대비·계층: 두 폰트 모두 400 weight이고 display 급 개성이 강해, 제목과 본문 간 명확한 시각적 대비가 형성되지 않는다. 크기 차이만으로는 위계 표현이 부족하다.
추천 용도: 어린이·유아 교육 콘텐츠 (높은 친근감 필요 시)캐주얼 이벤트 포스터 (짧은 문구만 사용)그림책·동화 일러스트레이션 보조 텍스트

어울리는 영문 폰트

제목ManropePlus Jakarta SansSatoshi

본문InterSource Sans Pro

안녕 멜로디의 부드러운 곡선감을 지원하려면 rounded sans-serif(Manrope, Satoshi)가 어울리며, 본문 가독성을 위해 중립적이고 명확한 sans-serif(Inter, Source Sans Pro)를 권장한다. JS 동까비는 영문 페어링이 어려워 최소화하는 것이 좋다.

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

36~44px

20~24px

본문

14~16px

line-height

1.5

어울리는 색상

#ff6b9d

#ffc857

#f5e6d3

어울리는 산업 톤

유아·아동 교육캐주얼 라이프스타일

42제목 JS 동까비 · 본문 안녕 멜로디

JS 동까비A=제목용ⓘ 미리보기는 프리텐다드

제작정스튜디오상업 무료

+안녕 멜로디B=본문용

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

따뜻한 봄날, 멜로디와 함께 춤을 춥니다.

Hi Melody는 손글씨 디스플레이 폰트로 긴 본문 텍스트 가독성이 현저히 낮습니다. 제목용 JS 동까비는 명확하지만, 본문 역할에는 부적합합니다.

분위기: JS 동까비의 기하학적 모던함과 Hi Melody의 손글씨 감성이 충돌하여 일관된 톤을 형성하지 못합니다. 제목과 본문이 서로 다른 세계관을 제시합니다.
대비·계층: 두 폰트 모두 display 분류이며 weight가 동일(400)하여 시각적 위계 대비가 약합니다. 제목과 본문의 구분이 명확하지 않습니다.
추천 용도: 캐주얼 이벤트 포스터 (제목만 활용)어린이·유아 교육 콘텐츠 (분위기 혼합 허용)감성 브랜드 로고·슬로건 (단문 활용)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 기하학적 모던함을 보완하려면 sans-serif 계열의 깔끔한 영문 폰트가 필요합니다. Hi Melody 대신 본문에는 높은 가독성의 중립적 sans-serif를 권장합니다.

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

48~56px

28~32px

본문

16~18px

line-height

1.6

어울리는 색상

#2a2a2a

#ff6b9d

#f9f5f0

어울리는 산업 톤

캐주얼 라이프스타일감성 콘텐츠

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