한글 페어링 · 큐레이션

검은고딕+주아

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

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

A:검은고딕· 제작 Zess Type|B:주아· 제작 우아한형제들

→ 각 폰트 종합 가이드: 검은고딕 가이드·주아 가이드

평가 결과 · 2개 케이스

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

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

42제목 검은고딕 · 본문 주아

검은고딕B=제목용

제작Zess Type상업 무료다운로드

+주아A=본문용

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

우아한 디자인으로 시작하세요.

주아는 display급 폰트로 본문 용도에 부적합하며, 긴 텍스트에서 가독성이 급격히 떨어진다. 검은고딕의 900 weight는 제목용으로 강력하지만, 본문-제목 간 명확한 위계 분리가 어렵다.

분위기: 주아의 둥글고 친근한 곡선미와 검은고딕의 강렬하고 무거운 기하학적 형태가 분위기 충돌을 일으킨다. 주아는 따뜻하고 캐주얼한 톤, 검은고딕은 강압적이고 현대적인 톤으로 일관성이 부족하다.
대비·계층: 두 폰트 모두 sans, display 분류로 구조적 유사성이 높아 대비가 약하다. weight 차이(400 vs 900)는 있으나, 형태의 근본적 차이가 부족해 정보 위계가 명확하지 않다.
추천 용도: 짧은 카피·슬로건 (1~2줄 제한)포스터·배너 (디스플레이 용도로 재구성 시)어린이·유아용 콘텐츠 (주아의 친근함 활용)

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문InterSource Sans Pro

주아의 둥근 곡선을 보완하려면 기하학적 sans-serif(Manrope, Geist)가 적합하고, 본문 가독성을 위해 중립적이고 명확한 Inter나 Source Sans Pro를 권장한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#1a1a1a

#ff6b6b

#f5f5f0

어울리는 산업 톤

어린이·교육 콘텐츠캐주얼 라이프스타일

28제목 주아 · 본문 검은고딕

주아A=제목용

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

+검은고딕B=본문용

제작Zess Type상업 무료다운로드

주아와 검은고딕의 조합은 피하세요.

검은고딕 900은 본문용으로 극도로 부적합하며, 긴 글 읽기에서 눈 피로를 유발한다. 주아는 제목으로 사용 가능하나 본문과의 위계 구분이 명확하지 않다.

분위기: 주아의 부드럽고 둥근 인상과 검은고딕의 강렬하고 무거운 톤이 심각하게 충돌한다. 두 폰트가 추구하는 감정이 정반대여서 일관된 브랜드 톤을 형성하기 어렵다.
대비·계층: 두 폰트 모두 display 급 특성을 가져 정보 위계가 모호하다. weight 대비(400 vs 900)는 극단적이지만 둘 다 display용이라 실무 본문-제목 구조에 맞지 않는다.
추천 용도: 극도로 제한적 - 매우 짧은 카피(1~2단어) 강조 용도만 가능포스터·배너에서 극단적 대비 의도 시에만 고려일반 웹·앱·출판물에는 비권장

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

주아 단독으로도 display 폰트이므로 영문 페어링은 주아의 부드러운 곡선을 보완하는 모던 sans를 권장. 검은고딕은 본문용이 아니므로 별도 영문 페어링은 불필요.

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

48~64px

28~36px

본문

16~18px

line-height

1.6

어울리는 색상

#1a1a1a

#d4a574

#f5f1ed

어울리는 산업 톤

피해야 할 페어링 - 분위기 불일치극단적 대비 의도 시에만 제한적 활용

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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