한글 페어링 · 큐레이션

안녕 멜로디+나눔스퀘어 네오

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

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

A:안녕 멜로디· 제작 구글 한글 폰트|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 안녕 멜로디 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

62제목 안녕 멜로디 · 본문 나눔스퀘어 네오

안녕 멜로디A=제목용

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

+나눔스퀘어 네오B=본문용

제작네이버상업 무료다운로드

오늘도 너에게 안부를 전해요

제목은 손글씨 특유의 리듬감으로 시선을 끌고, 본문은 균일한 자간·획 굵기로 긴 문장도 무리 없이 읽힙니다.

분위기: 안녕 멜로디의 둥글고 친근한 손글씨 인상이 제목을 이끌고, 나눔스퀘어 네오의 정돈된 산세리프가 본문을 차분히 받쳐 따뜻하면서도 가독성 있는 톤을 만듭니다.
대비·계층: 필기체 제목과 기하학적 산세리프 본문 간 스타일 대비가 뚜렷해 정보 위계가 자연스럽게 구분됩니다.
추천 용도: 어린이·교육 콘텐츠 표지이벤트·프로모션 배너감성 카드뉴스 헤드라인F&B 메뉴판소셜미디어 친근형 카피

어울리는 영문 폰트

제목CaveatShadows Into LightPatrick Hand

본문InterSource Sans Pro

안녕 멜로디의 손글씨 톤은 캐주얼 핸드라이팅 라틴과 매칭되고, 본문 나눔스퀘어 네오는 중립적 산세리프와 합성해 가독성을 유지합니다.

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

40~52px

24~30px

본문

16~17px

line-height

1.7

어울리는 색상

#ff8aa0

#ffd84d

#fff8f1

어울리는 산업 톤

교육 따뜻라이프스타일 감성F&B 친근이벤트 캐주얼

42제목 나눔스퀘어 네오 · 본문 안녕 멜로디

나눔스퀘어 네오A=제목용

제작네이버상업 무료다운로드

+안녕 멜로디B=본문용

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

오늘도 다정한 하루를 보내세요

나눔스퀘어 네오는 제목으로서 또렷한 인지력을 제공하지만, 안녕 멜로디는 손글씨 디스플레이 폰트라 긴 본문에 사용하면 가독성이 급격히 떨어집니다.

분위기: 나눔스퀘어 네오의 단정한 기하학적 산세리프가 안녕 멜로디의 둥글고 손글씨다운 친근함과 톤 충돌을 일으킵니다. 제목의 절제된 모던함과 본문의 캐주얼한 손글씨 인상이 한 화면에서 일관성을 만들기 어렵습니다.
대비·계층: 구조적 산세리프와 손글씨라는 형식 대비는 강하지만, 같은 위계 내에서 정보 우선순위를 안내하는 '의도된' 대비라기보다는 이질감으로 읽히기 쉽습니다.
추천 용도: 어린이·교육 콘텐츠 표지이벤트·프로모션 SNS 카드캐주얼 브랜드 굿즈 패키지동아리·소모임 포스터

어울리는 영문 폰트

제목InterManropePlus Jakarta SansGeist

본문CaveatPatrick Hand

제목 나눔스퀘어 네오는 기하학적 산세리프 계열(Inter·Manrope)과 구조가 잘 맞고, 본문 안녕 멜로디의 손글씨 톤은 라틴 손글씨 폰트(Caveat 등)와 합성해야 분위기가 유지됩니다.

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

36~44px

22~26px

본문

17~19px

line-height

1.7

어울리는 색상

#2b2b2b

#ffb4a2

#fff7f0

어울리는 산업 톤

교육 따뜻이벤트 캐주얼라이프스타일 친근

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

@import url('https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/NanumSquareNeo/subsets/NanumSquareNeo-dynamic-subset.css');

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

/* 본문 */
body, p {
  font-family: 'Nanum Square Neo', sans-serif;
}