한글 페어링 · 큐레이션

JS 동까비+주아

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

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

A:JS 동까비· 제작 정스튜디오|B:주아· 제작 우아한형제들

→ 각 폰트 종합 가이드: JS 동까비 가이드·주아 가이드

평가 결과 · 2개 케이스

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

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

42제목 주아 · 본문 JS 동까비

주아B=제목용

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

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

제작정스튜디오상업 무료

따뜻한 봄날 함께 산책하는 기분

JS 동까비는 display 폰트로 긴 본문 읽기에 부적합하며, 글자 간 구분이 어렵다. 주아도 본문용 가독성이 제한적이다. 둘 다 본문 역할에 최적화되지 않았다.

분위기: 두 폰트 모두 둥글고 친근한 분위기를 공유하지만, JS 동까비의 장식적 곡선과 주아의 기하학적 단순함이 톤 충돌을 일으킨다. 분위기 일관성이 약하다.
대비·계층: 두 폰트 모두 weight 400으로 동일하고, 스타일 대비가 명확하지 않다. 제목과 본문 간 시각적 위계가 약하다.
추천 용도: 어린이·유아 교육 콘텐츠 (친근한 분위기)캐주얼 브랜드 로고·슬로건 (짧은 문구)게임·애니메이션 자막 (디스플레이 용도)

어울리는 영문 폰트

제목ManropeGeistPlus Jakarta Sans

본문InterSource Sans Pro

두 한글 폰트의 둥근 친근함을 보완하려면 현대적이고 중립적인 sans-serif가 필요하다. Manrope·Geist는 기하학적 정확성으로 주아와 어울리고, Inter·Source Sans Pro는 높은 가독성으로 본문 역할을 지탱한다.

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

36~44px

20~24px

본문

14~16px

line-height

1.6

어울리는 색상

#2d2d2d

#ff6b9d

#f9f5f0

어울리는 산업 톤

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

42제목 JS 동까비 · 본문 주아

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

제작정스튜디오상업 무료

+주아B=본문용

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

우리 함께 신나는 모험을 떠나요!

주아는 본문용 sans로 분류되지만 display 특성이 강해 긴 글 읽기에 피로도가 높다. JS 동까비도 display 폰트로 본문에 부적합하다. 제목-본문 간 가독성 차이가 충분하지 않다.

분위기: JS 동까비의 부드럽고 둥근 감성과 주아의 친근하고 캐주얼한 톤이 겹치면서 제목-본문 간 명확한 위계 분화가 어렵다. 두 폰트 모두 display 성향으로 강한 개성을 가져 함께 쓰면 분위기가 산만해진다.
대비·계층: 두 폰트 모두 weight 400이고 둥근 곡선 기반이라 시각적 대비가 약하다. 제목과 본문을 구분하는 weight·형태 차이가 거의 없어 정보 위계가 모호하다.
추천 용도: 어린이·유아 교육 콘텐츠 (두 폰트 모두 친근감)캐주얼 이벤트 포스터 (분위기 일관성)놀이터·장난감 브랜드 (둥근 감성)

어울리는 영문 폰트

제목ManropePlus Jakarta SansGeist

본문InterSource Sans Pro

JS 동까비의 둥근 display 감성을 살리려면 현대적이고 친근한 sans serif가 필요하다. Manrope·Plus Jakarta Sans는 둥근 곡선과 따뜻한 톤으로 매칭되고, 본문은 높은 가독성의 Inter·Source Sans Pro로 명확한 위계를 만든다.

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

48~64px

32~40px

본문

14~16px

line-height

1.6

어울리는 색상

#ff6b9d

#ffc857

#f0e6d2

어울리는 산업 톤

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

구현 코드 · CSS

즉시 적용 가능한 CSS 코드

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

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

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

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