한글 페어링 · 큐레이션

배달의민족 주아+동그라미재단 ㄱ체

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

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

A:배달의민족 주아· 제작 우아한형제들|B:동그라미재단 ㄱ체· 제작 동그라미재단

→ 각 폰트 종합 가이드: 배달의민족 주아 가이드·동그라미재단 ㄱ체 가이드

평가 결과 · 2개 케이스

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

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

62제목 배달의민족 주아 · 본문 동그라미재단 ㄱ체

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

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

+동그라미재단 ㄱ체B=본문용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

오늘은 동네에서 만나요, 따뜻한 한 그릇

주아는 큰 사이즈 제목에서 또렷하게 시선을 잡고, ㄱ체는 부드러운 세리프 구조로 긴 글 본문에서도 무난한 읽힘을 제공합니다.

분위기: 주아의 둥글고 친근한 손글씨 느낌이 동그라미재단 ㄱ체의 단정한 명조 본문과 만나 따뜻하면서도 진솔한 분위기를 형성합니다.
대비·계층: 디스플레이 산세리프 vs 세리프의 장르 대비는 뚜렷하지만, 주아 단일 웨이트(400)와 ㄱ체 두 웨이트(400/700) 사이의 굵기 위계는 다소 평면적입니다.
추천 용도: F&B 브랜드 캠페인 페이지동네 상점·로컬 매거진교육·아동 콘텐츠 표지공익 캠페인 포스터

어울리는 영문 폰트

제목FrauncesRecoletaQuicksandManrope

본문LoraSource Serif

주아의 둥근 손글씨 인상에는 부드러운 곡선의 Recoleta·Fraunces가 잘 맞고, ㄱ체의 정갈한 세리프 본문에는 Lora·Source Serif가 구조적으로 호응합니다.

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

40~52px

26~30px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2118

#d97a3c

#f5efe6

어울리는 산업 톤

F&B 친근로컬 라이프스타일교육 따뜻공익 캠페인

42제목 동그라미재단 ㄱ체 · 본문 배달의민족 주아

동그라미재단 ㄱ체B=제목용ⓘ 미리보기는 프리텐다드

제작동그라미재단상업 무료다운로드

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

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

오늘도 동네 한 바퀴, 골목길 산책

주아는 본래 짧은 캐치프레이즈용 디스플레이 폰트라 긴 본문에 사용하면 피로감이 높고, 제목의 ㄱ체는 세리프 특유의 정돈된 인상으로 시선을 잡아주지만 본문 톤과 어울리지 않습니다.

분위기: 주아의 둥글고 친근한 디스플레이 인상이 본문에 깔리고, 동그라미재단 ㄱ체의 정갈한 세리프가 제목으로 무게감을 더하지만 두 폰트의 결이 서로 어긋나 톤 충돌이 발생합니다.
대비·계층: 세리프 제목과 디스플레이 산세리프 본문이라는 구조적 대비는 있으나, 두 폰트 모두 400 굵기 위주라 위계가 약하고 형태 차이만으로는 정보 우선순위가 모호해집니다.
추천 용도: 캐주얼 캠페인 포스터유아·교육 콘텐츠 표지동네 행사 안내물이벤트 SNS 카드뉴스

어울리는 영문 폰트

제목EB GaramondSource SerifIBM Plex Serif

본문Plus Jakarta SansManrope

제목의 ㄱ체 세리프 인상과 매칭되는 클래식 세리프를 헤딩에, 주아의 둥글고 친근한 본문 톤을 보완할 라운드한 산세리프를 본문에 매칭했습니다.

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

32~40px

22~26px

본문

16~18px

line-height

1.7

어울리는 색상

#2b2b2b

#e8a13a

#f7f1e6

어울리는 산업 톤

F&B 친근교육 따뜻지역 커뮤니티

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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