한글 페어링 · 큐레이션

배달의민족 주아+나눔스퀘어 네오

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

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

A:배달의민족 주아· 제작 우아한형제들|B:나눔스퀘어 네오· 제작 네이버

→ 각 폰트 종합 가이드: 배달의민족 주아 가이드·나눔스퀘어 네오 가이드

평가 결과 · 2개 케이스

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

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

82제목 배달의민족 주아 · 본문 나눔스퀘어 네오

배달의민족 주아A=제목용

제작우아한형제들상업 무료다운로드

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

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

오늘 점심, 뭐 먹을까 고민 끝!

주아는 큰 사이즈에서 또렷하게 시선을 끌고, 나눔스퀘어 네오는 다양한 굵기와 균일한 자형 덕분에 긴 본문에서도 안정적으로 읽힌다.

분위기: 배달의민족 주아의 둥글고 친근한 손글씨 인상이 나눔스퀘어 네오의 깔끔하고 모던한 본문 톤과 만나 발랄하면서도 정돈된 분위기를 만든다.
대비·계층: 디스플레이 성격의 주아와 기하학적 산세리프인 네오 사이의 형태 차이가 분명해 제목·본문 위계가 자연스럽게 형성된다.
추천 용도: F&B·배달 서비스 랜딩페이지이벤트 프로모션 배너캐주얼 브랜드 SNS 카드뉴스친근한 톤의 앱 온보딩라이프스타일 매거진 인트로

어울리는 영문 폰트

제목Plus Jakarta SansManropeSatoshiGeist

본문InterIBM Plex Sans

주아의 둥근 인상에는 라운드한 터미널을 가진 Plus Jakarta Sans·Manrope가 톤이 맞고, 본문 네오에는 중립적이고 가독성 높은 Inter 계열이 자연스럽게 합쳐진다.

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

40~52px

24~30px

본문

16~18px

line-height

1.65

어울리는 색상

#2bc4a2

#ffb531

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼라이프스타일 발랄

62제목 나눔스퀘어 네오 · 본문 배달의민족 주아

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

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

+배달의민족 주아A=본문용

제작우아한형제들상업 무료다운로드

오늘은 어떤 메뉴가 끌리세요?

주아는 디스플레이 성격이 강해 긴 본문에서는 다소 피로감이 있지만 짧은 문단·캡션·말풍선 길이에서는 친근하게 읽힌다. 나눔스퀘어 네오는 헤드에서 명확하게 시선을 잡는다.

분위기: 주아의 통통하고 친근한 손글씨 인상이 본문 톤을 주도하면서, 나눔스퀘어 네오의 깔끔한 기하학적 헤드가 절제된 균형을 잡아준다.
대비·계층: 주아의 둥글고 캐주얼한 곡선과 나눔스퀘어 네오의 직선적 골격이 시각적 대비를 만들고, 네오 900 웨이트로 본문 대비 굵기 위계도 확보된다.
추천 용도: 배달·F&B 브랜드 상세페이지이벤트·프로모션 랜딩캐주얼 브랜드 SNS 카드뉴스키즈·교육 콘텐츠 본문캠페인 마이크로사이트

어울리는 영문 폰트

제목ManropePlus Jakarta SansInterGeist

본문QuicksandNunito

나눔스퀘어 네오의 기하학적 헤드에는 Manrope·Inter 계열의 모던 산스가 잘 맞고, 주아의 둥근 본문에는 라운드 터미널을 가진 Quicksand·Nunito가 인상을 통일한다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2bc0a1

#ffd23f

#fff8ec

어울리는 산업 톤

F&B 친근이커머스 캐주얼키즈·교육 따뜻

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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